/*** page spinner ***/

.spinner {
	display:inline-block;
	width: 40px; height: 40px;
	background-color: #333;
	border-radius: 100%;  
	-webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
	0% { -webkit-transform: scale(0) }
	100% { -webkit-transform: scale(1.0); opacity: 0; }
}
@keyframes sk-scaleout {
	0% { -webkit-transform: scale(0); transform: scale(0); } 
	100% { -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 0; }
}
#spinner_page {
	position:fixed; z-index:9999; 
	display:table;
	width:100%; height:100%;
	background-color:#fff;
}
#spinner_page > div {
	display:table-cell;
	width:40px; height:40px;
	vertical-align:middle; text-align:center;
}


/*** spin css command ***/

.spin {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
.pulse {
  -webkit-animation: spin 1s infinite steps(8);
  animation: spin 1s infinite steps(8);
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}


/*** Responsive video wrapper ***/

.video_wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.video_wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Grid // width 960px 12 col gutter 16px // 768px 12 col gutter 12px
online generators http://grid.mindplay.dk/, http://gridcalculator.dk/#/768/12/12/6
needed: <meta name="viewport" content="width=device-width, initial-scale=1.0">
----------------------------------------------------------------------------------------------------*/

.body_wrapper {
	margin-left:auto; margin-right:auto;
	max-width:1600px; 
}

body { margin:0; padding:0; }

.container {
	display: flex; flex-direction: row; flex-wrap: wrap;
	box-sizing: border-box;
	margin: 0 auto;
}
.container_no_wrap {
	flex-wrap: nowrap;
}
.container > .column {
	flex:0 0 auto; box-sizing:border-box;
	max-width: 100%;
}

.inset_left_5 { padding-left: 5px }
.inset_right_5 { padding-right: 5px }
.inset_top_5 { padding-top: 5px }
.inset_bottom_5 { padding-bottom: 5px }

.inset_left_10 { padding-left: 10px }
.inset_right_10 { padding-right: 10px }
.inset_top_10 { padding-top: 10px }
.inset_bottom_10 { padding-bottom: 10px }

.column_order_1 { order: 1 } .column_order_2 { order: 2 } .column_order_3 { order: 3 }	


/* smartphone xs */
@media screen and (max-width: 767px) {
	.container { width: auto; max-width: 420px; }
	.container .container, .container_auto { width:auto; margin-left:-10px; margin-right:-10px; }
	.container > .column { padding:0 10px; }
	
	.container > .column_auto { flex:1 1 auto; } 
	.container > .column_1 { flex:0 0 8.333%; } 
	.container > .column_2 { flex:0 0 16.667%; }
	.container > .column_3 { flex:0 0 25%; }
	.container > .column_4 { flex:0 0 33.333%; }
	.container > .column_5 { flex:0 0 41.667%; }
	.container > .column_6 { flex:0 0 50%; }
	.container > .column_7 { flex:0 0 58.333%; }
	.container > .column_8 { flex:0 0 66.667%; }
	.container > .column_9 { flex:0 0 75%; }
	.container > .column_10 { flex:0 0 83.333%; }
	.container > .column_11 { flex:0 0 91.667%; }
	.container > .column_12 { flex:0 0 100%; }
	
	.container > .column_xs_auto { flex:1 1 auto; } 
	.container > .column_xs_1 { flex:0 0 8.333%; } 
	.container > .column_xs_2 { flex:0 0 16.667%; }
	.container > .column_xs_3 { flex:0 0 25%; }
	.container > .column_xs_4 { flex:0 0 33.333%; }
	.container > .column_xs_5 { flex:0 0 41.667%; }
	.container > .column_xs_6 { flex:0 0 50%; }
	.container > .column_xs_7 { flex:0 0 58.333%; }
	.container > .column_xs_8 { flex:0 0 66.667%; }
	.container > .column_xs_9 { flex:0 0 75%; }
	.container > .column_xs_10 { flex:0 0 83.333%; }
	.container > .column_xs_11 { flex:0 0 91.667%; }
	.container > .column_xs_12 { flex:0 0 100%; }
	
	.container_auto > .column_1 { flex:0 0 8.333%; }
	.container_auto > .column_2 { flex:0 0 16.667%; } 
	.container_auto > .column_3 { flex:0 0 25%; }
	.container_auto > .column_4 { flex:0 0 33.333%; }
	.container_auto > .column_5 { flex:0 0 41.667%; }
	.container_auto > .column_6 { flex:0 0 50%; }
	.container_auto > .column_7 { flex:0 0 58.333%; }
	.container_auto > .column_8 { flex:0 0 66.667%; }
	.container_auto > .column_9 { flex:0 0 75%; }
	.container_auto > .column_10 { flex:0 0 83.333%; }
	.container_auto > .column_11 { flex:0 0 91.667%; }
	.container_auto > .column_12 { flex:0 0 100%; }	

	.container_auto > .column_xs_1 { flex:0 0 8.333%; }
	.container_auto > .column_xs_2 { flex:0 0 16.667%; } 
	.container_auto > .column_xs_3 { flex:0 0 25%; }
	.container_auto > .column_xs_4 { flex:0 0 33.333%; }
	.container_auto > .column_xs_5 { flex:0 0 41.667%; }
	.container_auto > .column_xs_6 { flex:0 0 50%; }
	.container_auto > .column_xs_7 { flex:0 0 58.333%; }
	.container_auto > .column_xs_8 { flex:0 0 66.667%; }
	.container_auto > .column_xs_9 { flex:0 0 75%; }
	.container_auto > .column_xs_10 { flex:0 0 83.333%; }
	.container_auto > .column_xs_11 { flex:0 0 91.667%; }
	.container_auto > .column_xs_12 { flex:0 0 100%; }

	.inset_left { padding-left: 10px }
	.inset_right { padding-right: 10px }
	.inset_top { padding-top: 10px }
	.inset_bottom { padding-bottom: 10px }

	.inset_xs_left { padding-left: 10px }
	.inset_xs_right { padding-right: 10px }
	.inset_xs_top { padding-top: 10px }
	.inset_xs_bottom { padding-bottom: 10px }

	.inset_xs_left_5 { padding-left: 5px }
	.inset_xs_right_5 { padding-right: 5px }
	.inset_xs_top_5 { padding-top: 5px }
	.inset_xs_bottom_5 { padding-bottom: 5px }

	.inset_xs_left_10 { padding-left: 10px }
	.inset_xs_right_10 { padding-right: 10px }
	.inset_xs_top_10 { padding-top: 10px }
	.inset_xs_bottom_10 { padding-bottom: 10px }

	.column_xs_order_1 { order: 1 } .column_xs_order_2 { order: 2 } .column_xs_order_3 { order: 3 }

	.float_xs_left { float: left }
	.float_xs_right { float: right }
	.hide_xs { display: none } 

	.border_xs_left_transparent { border-left: 1px solid; border-color: transparent; }
	.border_xs_left { border-left: 1px solid; border-color: inherit; }
}

/* ipad sm */
@media screen and (min-width: 768px) and (max-width: 1023px) { 
	.container { width:768px; }
	.container .container, .container_auto { width:auto; margin-left:-10px; margin-right:-10px; }
	.container > .column { padding:0 10px; }

	.container > .column_auto { flex:1 1 auto; } 
	.container > .column_1 { flex:0 0 64px; } 
	.container > .column_2 { flex:0 0 128px; }
	.container > .column_3 { flex:0 0 192px; }
	.container > .column_4 { flex:0 0 256px; }
	.container > .column_5 { flex:0 0 320px; }
	.container > .column_6 { flex:0 0 384px; }
	.container > .column_7 { flex:0 0 448px; }
	.container > .column_8 { flex:0 0 512px; }
	.container > .column_9 { flex:0 0 576px; }
	.container > .column_10 { flex:0 0 640px; }
	.container > .column_11 { flex:0 0 704px; }
	.container > .column_12 { flex:0 0 768px; }
	
	.container > .column_sm_auto { flex:1 1 auto; } 
	.container > .column_sm_1 { flex:0 0 64px; } 
	.container > .column_sm_2 { flex:0 0 128px; }
	.container > .column_sm_3 { flex:0 0 192px; }
	.container > .column_sm_4 { flex:0 0 256px; }
	.container > .column_sm_5 { flex:0 0 320px; }
	.container > .column_sm_6 { flex:0 0 384px; }
	.container > .column_sm_7 { flex:0 0 448px; }
	.container > .column_sm_8 { flex:0 0 512px; }
	.container > .column_sm_9 { flex:0 0 576px; }
	.container > .column_sm_10 { flex:0 0 640px; }
	.container > .column_sm_11 { flex:0 0 704px; }
	.container > .column_sm_12 { flex:0 0 768px; }
	
	.container_auto > .column_1 { flex:0 0 8.333%; }
	.container_auto > .column_2 { flex:0 0 16.667%; } 
	.container_auto > .column_3 { flex:0 0 25%; }
	.container_auto > .column_4 { flex:0 0 33.333%; }
	.container_auto > .column_5 { flex:0 0 41.667%; }
	.container_auto > .column_6 { flex:0 0 50%; }
	.container_auto > .column_7 { flex:0 0 58.333%; }
	.container_auto > .column_8 { flex:0 0 66.667%; }
	.container_auto > .column_9 { flex:0 0 75%; }
	.container_auto > .column_10 { flex:0 0 83.333%; }
	.container_auto > .column_11 { flex:0 0 91.667%; }
	.container_auto > .column_12 { flex:0 0 100%; }	
	
	.container_auto > .column_sm_1 { flex:0 0 8.333%; }
	.container_auto > .column_sm_2 { flex:0 0 16.667%; } 
	.container_auto > .column_sm_3 { flex:0 0 25%; }
	.container_auto > .column_sm_4 { flex:0 0 33.333%; }
	.container_auto > .column_sm_5 { flex:0 0 41.667%; }
	.container_auto > .column_sm_6 { flex:0 0 50%; }
	.container_auto > .column_sm_7 { flex:0 0 58.333%; }
	.container_auto > .column_sm_8 { flex:0 0 66.667%; }
	.container_auto > .column_sm_9 { flex:0 0 75%; }
	.container_auto > .column_sm_10 { flex:0 0 83.333%; }
	.container_auto > .column_sm_11 { flex:0 0 91.667%; }
	.container_auto > .column_sm_12 { flex:0 0 100%; }
		
	.inset_left { padding-left: 10px }
	.inset_right { padding-right: 10px }
	.inset_top { padding-top: 10px }
	.inset_bottom { padding-bottom: 10px }

	.inset_sm_left { padding-left: 10px }
	.inset_sm_right { padding-right: 10px }
	.inset_sm_top { padding-top: 10px }
	.inset_sm_bottom { padding-bottom: 10px }

	.inset_sm_left_5 { padding-left: 5px }
	.inset_sm_right_5 { padding-right: 5px }
	.inset_sm_top_5 { padding-top: 5px }
	.inset_sm_bottom_5 { padding-bottom: 5px }

	.inset_sm_left_10 { padding-left: 10px }
	.inset_sm_right_10 { padding-right: 10px }
	.inset_sm_top_10 { padding-top: 10px }
	.inset_sm_bottom_10 { padding-bottom: 10px }

	.column_sm_order_1 { order: 1 } .column_sm_order_2 { order: 2 } .column_sm_order_3 { order: 3 }	
	
	.float_sm_left { float: left }
	.float_sm_right { float: right }
	.hide_sm { display: none } 

 	.border_sm_left_transparent { border-left: 1px solid; border-color: transparent; }
	.border_sm_left { border-left: 1px solid; border-color: inherit; }
}

/* desktop md 1024 */ 
@media screen and (min-width: 1024px), print { 
	.container { width:1020px; }
	.container .container, .container_auto { width:auto; margin-left:-15px; margin-right:-15px; }	
	.container > .column { padding:0 15px; }
		
	.container > .column_auto { flex:1 1 auto; } 
	.container > .column_1 { flex:0 0 85px; } 
	.container > .column_2 { flex:0 0 170px; }
	.container > .column_3 { flex:0 0 255px; }
	.container > .column_4 { flex:0 0 340px; }
	.container > .column_5 { flex:0 0 425px; }
	.container > .column_6 { flex:0 0 510px; }
	.container > .column_7 { flex:0 0 595px; }
	.container > .column_8 { flex:0 0 680px; }
	.container > .column_9 { flex:0 0 765px; }
	.container > .column_10 { flex:0 0 850px; }
	.container > .column_11 { flex:0 0 935px; }
	.container > .column_12 { flex:0 0 1020px; }
	
	.container > .column_md_auto, .container > .column_lg_auto { flex:1 1 auto; } 
	.container > .column_md_1, .container > .column_lg_1 { flex:0 0 85px; } 
	.container > .column_md_2, .container > .column_lg_2 { flex:0 0 170px; }
	.container > .column_md_3, .container > .column_lg_3 { flex:0 0 255px; }
	.container > .column_md_4, .container > .column_lg_4 { flex:0 0 340px; }
	.container > .column_md_5, .container > .column_lg_5 { flex:0 0 425px; }
	.container > .column_md_6, .container > .column_lg_6 { flex:0 0 510px; }
	.container > .column_md_7, .container > .column_lg_7 { flex:0 0 595px; }
	.container > .column_md_8, .container > .column_lg_8 { flex:0 0 680px; }
	.container > .column_md_9, .container > .column_lg_9 { flex:0 0 765px; }
	.container > .column_md_10, .container > .column_lg_10 { flex:0 0 850px; }
	.container > .column_md_11, .container > .column_lg_11 { flex:0 0 935px; }
	.container > .column_md_12, .container > .column_lg_12 { flex:0 0 1020px; }

	.container_auto > .column_1 { flex:0 0 8.333%; }
	.container_auto > .column_2 { flex:0 0 16.667%; } 
	.container_auto > .column_3 { flex:0 0 25%; }
	.container_auto > .column_4 { flex:0 0 33.333%; }
	.container_auto > .column_5 { flex:0 0 41.667%; }
	.container_auto > .column_6 { flex:0 0 50%; }
	.container_auto > .column_7 { flex:0 0 58.333%; }
	.container_auto > .column_8 { flex:0 0 66.667%; }
	.container_auto > .column_9 { flex:0 0 75%; }
	.container_auto > .column_10 { flex:0 0 83.333%; }
	.container_auto > .column_11 { flex:0 0 91.667%; }
	.container_auto > .column_12 { flex:0 0 100%; }	
	
	.container_auto > .column_md_1, .container_auto > .column_lg_1 { flex:0 0 8.333%; }
	.container_auto > .column_md_2, .container_auto > .column_lg_2 { flex:0 0 16.667%; } 
	.container_auto > .column_md_3, .container_auto > .column_lg_3 { flex:0 0 25%; }
	.container_auto > .column_md_4, .container_auto > .column_lg_4 { flex:0 0 33.333%; }
	.container_auto > .column_md_5, .container_auto > .column_lg_5 { flex:0 0 41.667%; }
	.container_auto > .column_md_6, .container_auto > .column_lg_6 { flex:0 0 50%; }
	.container_auto > .column_md_7, .container_auto > .column_lg_7 { flex:0 0 58.333%; }
	.container_auto > .column_md_8, .container_auto > .column_lg_8 { flex:0 0 66.667%; }
	.container_auto > .column_md_9, .container_auto > .column_lg_9 { flex:0 0 75%; }
	.container_auto > .column_md_10, .container_auto > .column_lg_10 { flex:0 0 83.333%; }
	.container_auto > .column_md_11, .container_auto > .column_lg_11 { flex:0 0 91.667%; }
	.container_auto > .column_md_12, .container_auto > .column_lg_12 { flex:0 0 100%; }

	.inset_left { padding-left: 15px }
	.inset_right { padding-right: 15px }
	.inset_top { padding-top: 15px }
	.inset_bottom { padding-bottom: 15px }

	.inset_md_left, .inset_lg_left { padding-left: 15px }
	.inset_md_right, .inset_lg_right { padding-right: 15px }
	.inset_md_top, .inset_lg_top { padding-top: 15px }
	.inset_md_bottom, .inset_lg_bottom { padding-bottom: 15px }

	.inset_md_left_5, .inset_lg_left_5 { padding-left: 5px }
	.inset_md_right_5, .inset_lg_right_5 { padding-right: 5px }
	.inset_md_top_5, .inset_lg_top_5 { padding-top: 5px }
	.inset_md_bottom_5, .inset_lg_bottom_5 { padding-bottom: 5px }

	.inset_md_left_10, .inset_lg_left_10 { padding-left: 10px }
	.inset_md_right_10, .inset_lg_right_10 { padding-right: 10px }
	.inset_md_top_10, .inset_lg_top_10 { padding-top: 10px }
	.inset_md_bottom_10, .inset_lg_bottom_10 { padding-bottom: 10px }

	.column_md_order_1, .column_lg_order_1 { order: 1 } 
	.column_md_order_2, .column_lg_order_2 { order: 2 } 
	.column_md_order_3, .column_lg_order_3 { order: 3 }	
	
	.float_md_left, .float_lg_left { float: left }
	.float_md_right, .float_lg_right { float: right }
	.hide_md, .hide_lg { display: none } 

	.border_md_left_transparent, .border_lg_left_transparent { border-left: 1px solid; border-color: transparent; }
	.border_md_left, .border_lg_left { border-left: 1px solid; border-color: inherit; }
}


.container_auto_gutter_0 { margin-left:0 !important; margin-right:0 !important; }
.container_auto_gutter_0 > .column { padding:0 0 !important; }

.container_auto_gutter_10 { margin-left:-5px !important; margin-right:-5px !important; }
.container_auto_gutter_10 > .column { padding:0 5px !important; }

.column_limit_width {
	max-width: 820px !important;
}

@media screen and (min-width: 992px), print { 
	.text_container {
		max-width: 750px;
		margin-left: auto; margin-right: auto;
	}
}


@media screen and (min-width: 768px) and (max-width: 1023px) { 
    #desktop_header .container {
        justify-content: center !important;
    }
}


/********************************** CSS */

body {
	font-family: "roboto", sans-serif;
	font-size: 16px; 
	font-weight: 300;
	color: #212121; background-color:#fff;
}
body { line-height: 1.6; } p { margin: 1em 0; }

.text_color {
	color:#585858;
}
h1 {
    margin: 0 0 1.5em 0;
	/*padding: 0 0 0.45em 0;*/
	/*border-bottom: 6px solid #004fa3;*/
	font-family: 'Raleway', sans-serif;
	font-size: 2em;
	font-weight: 800;
	line-height: 1.2;
	color: #c2002f;
}
h2 {
	margin: 1em 0; padding: 0;
    font-size: 1.3em;
    font-weight: 300;
}
h3 {
	margin: 1em 0; padding: 0;
    font-size: 1em;
}
h4 {
	margin:0; padding:0;
	font-size: 1em; font-weight: 700;
}
small {
	font-size: 0.75rem;
}
a { 
	text-decoration: none; color: #c2002f; font-weight: 700; }
a.back, a.forward {
}
a.back:before, a.forward:after {
    font-family: 'basic_icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
a.back:before {
    margin-right: 5px;
    content: "\e919";
}
a.forward:after {
    margin-left: 5px;
    content: "\e918";
}
img { 
	border-style: none; max-width:100% !important;
}
ul, ol {
	margin: 1em 0;
}
img.image_border {
	padding: 5px;
	background-color: #F5F5F5;
}
blockquote {
	color:#9e9e9e; font-style:italic;
}
.container_table {
	overflow-x: auto;
	margin: 2em 0;
}
table {
	width:100%;
	font-size: 0.8rem;
}
th {
	padding: 5px;
	border-bottom: 1px solid #b0b0b0;
	text-align: center;
	text-transform:uppercase;
}
td {
	padding: 5px;
    border-bottom: 1px solid #b0b0b0;
}
hr {
	margin: 1em 0;
    border:none;
    border-top: 1px dotted #E0E0E0;
}
ul.links {
	margin: 0 0 0 1rem; padding: 0; list-style-type: none;
}
ul.links li {
	position: relative;
	padding: 0.3rem 0;
}
ul.links span {
    display: inline-block;
    vertical-align: middle;
    width: 29px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    border: 2px solid #c2002f;
    border-radius: 100%;
    margin-right: 4px;
    font-size: 17px;
    color: #c2002f;
}
ul.links span i {
    display: block;
    line-height: inherit;
}
ul.links a {
	color: inherit;
}
.caption {
	font-size:80%;
	padding:3px 5px 3px 15px;
}
figure {
	display: inline-block;
    margin: 0;
	text-align: center;
}
figure img {
	display: block;
}
figcaption {
    padding: 0.5em 0;
	font-size: 0.75em;
}
	figure.align-center {
		display: table;
		margin-left: auto; margin-right: auto;
	}
	figure.align-left {
		float: left;
		margin-right: 1em;
	}
	figure.align-right {
		float: right;
		margin-left: 1em;
	}
	.link_icon {
		font-weight: bold;
	}
	.link_icon:before {
		margin-left: 0.3em;
		margin-right: 0.5em;
		content: "\f0c1";
		font-weight: 900; /* solid */
		font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;
		font-family: "Font Awesome 5 Free";
	}
.text_gradient_color {	
	background: rgba(0,160,223,1);
	background: -moz-linear-gradient(left, rgba(0,160,223,1) 0%, rgba(0,79,163,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,160,223,1)), color-stop(100%, rgba(0,79,163,1)));
	background: -webkit-linear-gradient(left, rgba(0,160,223,1) 0%, rgba(0,79,163,1) 100%);
	background: -o-linear-gradient(left, rgba(0,160,223,1) 0%, rgba(0,79,163,1) 100%);
	background: -ms-linear-gradient(left, rgba(0,160,223,1) 0%, rgba(0,79,163,1) 100%);
	background: linear-gradient(to right, rgba(0,160,223,1) 0%, rgba(0,79,163,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0df', endColorstr='#004fa3', GradientType=1 );
	
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}



/*** Forms ***/

input, textarea, select, button, .button {
    font-family: inherit;
    font-size: 0.90em;
    font-weight: inherit;
	color: inherit;
}
fieldset {
	margin: 1em 0; padding: 1.5em;
	border: 1px solid #b0b0b0;
}
legend {
	padding: 0 0.5em;
	font-weight: 700;
}
.required_info {
	margin:0;
	font-style: italic;
	text-align: right;
}
.checkbox_radio_left {
	margin: 0.5em 0 0.5em 1.5em;	
}
.checkbox_radio_left input[type="radio"], .checkbox_radio_left input[type="checkbox"] {
	margin-left: -1.5em;	
}
label {
	font-size: 0.9em;
}
input[type="text"], input[type="email"], select, textarea {
	display: block; box-sizing: border-box;
    width: 100%; height: 34px; 
	margin: 0.3em 0; padding: 0 0.4em;   
    border: 1px solid #b0b0b0;
    background-color: #fff;
}
textarea {
	height:120px;
}
input[type="submit"], button, .button {
	display:inline-block; box-sizing: border-box;
	min-width: 100px; height: 34px; line-height: 34px;
	margin: 0.3em 0; padding: 0 0.8em;   
	font-weight: 700;
	text-align: center;
	background-color: #c2002f; color: #fff; border-radius: 3px;
	border: none;
	cursor: pointer;
}
.button_outline {
	line-height: 30px;
	background-color: transparent; color: inherit;
	border: 2px solid #b0b0b0; 
}
input.text_color, button.text_color, .button.text_color {
	background-color:#9e9e9e; 
}
label.error {
	color:#C51162;
}
label.error[for="areas_[]"] { 	/*** Fix  ***/
	margin-top: 10px; margin-left: 25px;	
}
.radio_line_container > span {
	display:inline-block;
	margin-right:15px;
}

/*** msg ***/

.msg {
	position: relative;
    margin: 1.5em 0; padding: 1.5em 1.5em 1.5em 4em;
}
.msg span {
	text-shadow: 0px 1px 0px rgba(255,255,255,1);
}
.msg_info {
    background-color: #E4EBF1;
}
.msg_success {
    background-color: #e6f2e6;
	color:#388E3C;
}
.msg_alert {
    background-color: #FFE6DF;
	color:#D32F2F;
}
.msg:before {
    position: absolute;
    top: 1em; left: 1em;
	font-size: 1.5em;
    line-height: 1;
	font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
}
.msg_info:before {
	content: "\f05a"; font-weight: 900;
	color: #1976D2;
}
.msg_alert:before {
    content: "\f071"; font-weight: 900;
    color: #D32F2F;
}
.msg_success:before {
    content: "\f00c"; font-weight: 900;
    color: #388E3C;
}
.msg_info a, .msg_alert a, .msg_success a {
	color: inherit;
}
.msg_x {
	position: relative;
    margin: 10px 0; padding: 20px 40px 20px 20px;
}
.msg_x_info {
    background-color: #E4EBF1;
}
.msg_x_alert {
    background-color: #FFE6DF;
	color:#D32F2F;
}
.msg_x_success {
    background-color: #e6f2e6;
	color:#388E3C;
}
.msg_x a.msg_x_btn {
	display:block;
    position: absolute;
    top: 50%; margin-top: -10px;
    right: 20px;
	cursor: pointer;
}
.msg_x a.msg_x_btn:before {
	content: "\f00d";
	font-size: 16px;
	line-height: 1;
	font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
}
.msg_x_info a, .msg_x_alert a, .msg_x_success a {
	color:#333;
}
.msg_x_info a.msg_x_btn {
	color:#1976D2;
}
.msg_x_alert a.msg_x_btn {
	color:#D32F2F;
}
.msg_x_success a.msg_x_btn {
	color:#388E3C;
}


/*** Tabs ***/

.tabs_container > ul {
	list-style-type:none;
	margin:15px 0;
	padding:0;
	border-bottom: 1px solid #e0e0e0;
}
	.tabs_container > ul:after {
		content:" "; display:block; height:0; clear:both; visibility:hidden;
	}


.tabs_container > ul > li {
	display: block; float: left;
	margin:0;
}
.tabs_container > ul > li.active {
	display: block;
}
.tabs_container > ul > li > a {
	display: block; 
	line-height: 30px;
    padding: 0 12px;
	/* border-left:1px solid #E0E0E0; */
    text-transform: uppercase; text-decoration: none; color: #424242;
}
	.tabs_container > ul > li:first-child > a {
		/* border-left:none; */	
	}
.tabs_container > ul > li.active > a {
	color:#fff !important;
    background-color:#424242 !important;
}
.tabs_container > ul > li > a:hover {
	background-color:#f5f5f5;
}
.tabs_container > ul > li.active > a:hover {
	cursor:default;
}	


/*** Share controls ***/

.share_controls {
	margin: 1.2em 0;
	padding: 1.2em 0;
	border-top: 1px #ddd dotted;
	border-bottom: 1px #ddd dotted;
}
.share_controls a.share_link {
	display: block;
	float: left;
	width: 109px; height: 32px; line-height: 32px;
	margin: 0 2px 0 0;
	border-radius: 2px;
	font-size: 23px;
	text-align: center;
	color: #fff;
}
.share_controls a.share_link.share_link_fb {
	background-color: #2d609b;
}
.share_controls a.share_link.share_link_tw {
	background-color: #0dc3f3;
}
.share_controls a.share_link.share_link_gl {
	background-color: #db4c3f;
}
.share_controls a.share_link.share_link_wh {
	background-color: #25D366;
}
.share_controls a.share_link.share_link_ml {
	background-color: #b1bec6;
}


/*** Home ***/

.first_letter {
    float: left;
	display: block;
	padding: 0 0.2em 0 0;
    font-family: 'Raleway', sans-serif;
    font-size: 3.2em;
	line-height: 1;
    font-weight: 800;
	color: #c2002f;
}

._icon_card {
	padding: 0 0 0 94px;
}
._icon {
	float: left;
	width: 64px; height: 64px; border-radius: 50%;
	margin: 1em 0 1em -94px;
	background-color: #c2002f;
}
._icon img {
	display: block;
	width: 64px;
}


/*** Post date-related ***/

.related {
	margin: 1em 0;
	font-size: 0.75em;
	text-transform: uppercase;
}
.related a {
	font-weight: 700;
}
.related a:before {
	content: "·";
}
.related a:first-child:before {
	display: none;
}


/*** Containers ***/

.container_pattern_slider {
	position: relative;
}
.container_pattern_slider:after {
	content: "";
	opacity: 1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1; 
	background-image: url(../img/slider-md.jpg);
	background-size: 1362px;
	background-position: center center;
	background-repeat: no-repeat;
}
.container_logo_home {
	display: table; 
	width: 100%; height: 350px;	
}
.container_logo_home > div {
	display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.container_logo_home > div > img {
	display:inline-block;
	width: 90%;
}
@media screen and (min-width: 768px) {
    .container_pattern_slider:after {
        background-size: 1762px;
    }
    .container_logo_home {
		height: 550px;	
	}
	.container_logo_home > div > img {
		display:inline-block;
		width: 450px;
	}
}

.container_pattern_ext {
	position: relative;
}
.container_pattern_ext:after {
	content: "";
	opacity: 1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1; 
	background-image: url(../img/pattern_ext.svg);
	background-size: 2690px;
	background-position: top center;
	background-repeat: no-repeat;
}

.main_text_container {
	margin: 0 0 2.5em;
	max-width: 700px;
}
	.main_text_container :first-child { 
		margin-top: 0; 
	}
	.main_text_container :last-child { 
		margin-bottom: 0; 
	}

.left_text_container {
    margin: 2.5em 0 2.5em;
    font-size: 14px;
}
	.left_text_container:first-child {
		margin: 0.5em 0 2.5em;
	}
	.left_text_container_gray_bg {
		padding: 20px;
		background-color: #f5f5f5;
	}
		.left_text_container_gray_bg figure {
			margin: -20px -20px 0 -20px;
		}

.right_text_container {
	margin: 2.5em 0 2.5em;
    font-size: 14px;
}
	.right_text_container:first-child {
		margin: 0.5em 0 2.5em;
	}


/*** Subtitle 2 ***/

.left_text_container .subtitle_2 {
	font-style: italic;
}

.left_text_container .fig_caption {
	font-style: italic;
}





/*** Card ***/

.card1 {
	display: block; box-sizing: border-box; position: relative;
	margin: 0; padding: 0;
	font-size: 13px; line-height: 1.5;
	text-align: left;
}
.card1 a.thumb {
	display: block;
    background: #eee;    
}
.card1 .thumbCrop {
    display: block;
    width: 100%; height: 100%;
}
.card1 .thumbCrop img {
	display: block;
	width: 100%; height: 100%;
}
.card1 .badge {
    background: #004fa3;
    color: #fff;
	font-size: 11px; text-transform: uppercase; font-weight: 700;
    height: 21px;
    left: -8px;
    line-height: 21px;
    padding: 5px 8px;
    position: absolute;
    top: 10px;
    z-index: 1;
}
.card1 .badge:before {
    border-color: #000000 transparent;
    border-style: solid;
    border-width: 7px 0 0 7px;
    content: '';
    height: 0;
    left: 0;
    position: absolute;
    top: 100%;
    width: 0;
}
.card1 .badge:after {
    border-color: #004fa3 transparent transparent #004fa3;
    border-style: solid;
    border-width: 31px 10px 0 0;
    content: '';
    font-size: 14px;
    font-weight: bold;
    height: 0;
    position: absolute;
    right: -10px;
    top: 0;
    width: 0;
}
.card1 h3 {/*
	height: 50px; overflow: hidden;
	margin: 10px 0 0 0;
	font-family: "futura-pt", sans-serif;
	font-size: 20px; line-height: 1.2;
	font-weight: 600;*/
}
.card1 h3 a { color: #004fa3; }

.card1 .desc {
	display: block;
	margin: 10px 0 0 0;
	height: 38px;
	overflow: hidden;
	font-size: 13px;
}

.card1 footer {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 0 0 0;
}
.card1 .cell_price { 
	flex: 0 1 auto;
	text-align: center;
}
.card1 .cell_button {
	flex: 0 1 auto;
	text-align: right;
}
.card1 .cell_button a {
	font-weight: 700;
}


/*** Widecard ***/

.wide_card {
	margin: 16px 0;
	padding: 15px;
	font-size: 13px; line-height: 1.7;
	background-color: #f5f5f5;
}
.wide_card > div {
	display:table;
}
.wide_card > div > div {
	display: table-cell;
	box-sizing: border-box;
	vertical-align: top;
}
	.wide_card .cell_thumb {
		padding: 0 10px 0 0;
	}
	.wide_card .cell_text {
		padding: 0 0 0 10px;
	}
	
.wide_card .table_desc {
	display: table;
}
.wide_card .table_desc > div {
	display: table-cell;
	box-sizing: border-box;
	vertical-align: top;
}
	

.wide_card .box_menu { width: 100%; }
.wide_card .box_tags { width: 100%; }
.wide_card .box_follow { width: 100%; }	

@media (min-width: 768px) {
	.wide_card .box_menu { width: 170px; }
	.wide_card .box_tags { width: 242px; }
	.wide_card .box_follow { width: 170px; }	
}
@media (min-width: 992px), print {
	.wide_card .box_menu { width: 170px; }
	.wide_card .box_tags { width: 350px; }
	.wide_card .box_follow { width: 170px; }
}
.wide_card a.thumb {
	display: block; position: relative;
	margin-top: 10px;
	width: 220px; height: auto;
    text-align: center;    
}
.wide_card a.thumb > img {
	display: block;
	width: 100%; height: auto;
}
.wide_card .special {
    background: #039BE5;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
    color: #fff;
	font-size: 11px; text-transform: uppercase; font-weight: 700;
    height: 21px;
    left: -8px;
    line-height: 21px;
    padding: 5px 8px;
    position: absolute;
    top: 10px;
    z-index: 1;
}
.wide_card .special:before {
    border-color: #000000 transparent;
    border-style: solid;
    border-width: 7px 0 0 7px;
    content: '';
    height: 0;
    left: 0;
    position: absolute;
    top: 100%;
    width: 0;
}
.wide_card .special:after {
    border-color: #039BE5 transparent transparent #039BE5;
    border-style: solid;
    border-width: 31px 10px 0 0;
    content: '';
    font-size: 14px;
    font-weight: bold;
    height: 0;
    position: absolute;
    right: -10px;
    top: 0;
    width: 0;
}
.wide_card h3 {	
	height: 26px; overflow: hidden;
	margin: 0 0 10px; padding: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 22px; line-height: 1.2;
}
.wide_card .cell_desc {
	height: 128px; overflow: hidden;
}
.wide_card .desc {
	display: block;
	max-height: 66px; overflow: hidden;
	margin: 0; padding: 0;
}
.wide_card .desc_mini {
	font-size: 12px;
}
.wide_card .cell_price { 
	vertical-align: bottom;
	text-align: right;
}
.wide_card .price_prefix {
	display: block;
	font-size: 11px; text-transform: lowercase;
}
.wide_card .price {
	display: block;
    font-size: 28px;
    line-height: 1;
}
.wide_card .price_suffix {
	display: block;
	font-size: 10px; text-transform: lowercase;
}
.wide_card .button {
	display: block;
	margin-top: 10px;
}


/*** Pagination ***/

.pagination .disabled { display:none; }

.pagination { 
	list-style-type: none; 
	margin: 1em 0; padding:0; 
	font-size: 1.2em;
	text-align: right;
}
.pagination li { 
	display:inline-block; 
}
.pagination li a {
	display: inline-block;
    margin: 0 0 0 1px;
    min-width: 32px; height: 32px; line-height: 32px; text-align: center;
	color: #999;	
    background-color: #eee;
} 
.pagination li.active a {
	color: #fff;
	background-color: #004fa3;
}
.pagination li.prev:after, .pagination li.next:before {
	display: inline-block;
	margin: 0 0.5em;
	content: "...";
}
.pagination li.prev a:before, .pagination li.next a:before {
	font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f104";
}
.pagination li.next a:before {
	content: "\f105";
}
.pagination li.prev a span, .pagination li.next a span {
	display: none;
}








/*** Slider ***/

.slider {
	position:relative;
	z-index: 10;
	/* set width & height */
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 85%;		
	transition:opacity 2s linear;
	background-color: #fff;
}
.slider > .slides {
	position:absolute;
	width:100%; height:100%;
}
.slider > .slides > div { /* banner */
	position:absolute;
	width:100%; height:100%;

	transition:opacity 2s linear;
	pointer-events: none;
}
.slider > .slides > div.active {
	opacity:1 !important; 
	pointer-events:auto;
}

.slider > .slides > div > div {
	width: 100%; height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.slider .container, .slider .column {
	height: 100%;
}
.slider > .slides .text_container {
	display: flex;
	width: 100%; height: 100%;
	align-items: center; 
}
.slider > .slides .text_container.justify_content_left {
	justify-content: flex-start;
}
.slider > .slides .text_container.justify_content_center {
	justify-content: center;
	text-align: center;
}
.slider > .slides .text_container.justify_content_right {
	justify-content: flex-end;
	text-align: right;
}

.slider > .slides .text_container {
	flex:0 1 auto;
	width: 90%;
	color:#333;
	border-color: #333;
}
.slider > .slides .text_container h2 {
	display: block;
	margin: 0 0 0.3em;
	border-bottom: none;
	font-size: 2em;
	line-height: 1.2;
	font-weight: 700;
	text-transform: none;
	color:#004fa3;
}
.slider > .slides .text_container .desc {
}
.slider > .slides .text_container .action {
	display: inline-block;
    margin: 0.3em 0 0 0;
    padding: 10px 20px;
	background-color: #004fa3;
    font-size: 14px;
	font-weight: 700;
    text-transform: uppercase;	
	color:#fff;
}
.slider > .slides .text_container.light_text_color {
	color:#fff;
	border-color: #fff;
}
.slider > .slides .text_container.light_text_color h2 {
	color:#fff;
}
.slider > .slides .text_container.light_text_color .action {
	margin: 2em 0 0 0;
	border: 2px solid;
	padding: 10px 20px;
	background-color: transparent;
	font-size: 1em;
	color: #fff;
}
.slider .controls {
	position:absolute;
	bottom:20px; right:30px;
}
.slider .controls a {
	display: block; float:left;
	position: relative;
	width: 10px; height: 10px; font-size: 10px; line-height: 10px;
	margin-left:5px;
	border-radius: 50%; border: 4px solid #929292;
	background-color: #929292;
}
.slider .controls a.active {
	background-color: #fff;
}
.slider .controls a:before {
	content:"";
}
.slider img{
	max-width:100%;
}

@media (min-width: 768px) { /* 768 */
	.slider {
		padding-bottom: 56.25%;
	}
	.slider > .slides .text_container {
		align-items: center;
		justify-content: flex-end;
	}
	.slider > .slides .text_container .text {
		flex: 0 1 auto;
    	width: 50%;
	}
	.slider > .slides .text_container h2 {
		display: block;
		margin: 0 0 0.3em;
		font-size: 46px;
		line-height: 1.2;
	}
	.slider > .slides .text_container .desc {
		font-size: 1.1em;
	}
	.slider > .slides .text_container .action {
		margin: 2em 0 0 0;
		padding: 10px 20px;
		font-size: 1em;
	}

}
@media (min-width: 992px), print { /* 992 */
	.slider {
		padding-bottom: 50%;
	}
	.slider > .slides .text_container {
		align-items: center;
		justify-content: flex-end;
	}
	.slider > .slides .text_container .text {
		flex: 0 1 auto;
    	width: 50%;
	}
	.slider > .slides .text_container h2 {
		display: block;
		margin: 0 0 0.3em;
		font-size: 2.7em;
		line-height: 1.2;
	}
	.slider > .slides .text_container .desc {
		font-size: 1.1em;
	}
	.slider > .slides .text_container .action {
		margin: 2em 0 0 0;
		padding: 10px 20px;
		font-size: 1em;
	}
}


/*** slider caption ***/

.home_slogan {
	text-align: center;	
}
.home_slogan h1 {
	max-width: 320px; margin-left: auto; margin-right: auto;
	font-size: 2em;
}
.home_slogan p {
}
@media screen and (min-width: 768px) {
	.home_slogan h1 {
		max-width: none;
		font-size: 2em;
	}
	.home_slogan p {
		max-width: 720px; margin-left: auto; margin-right: auto;
	}
}
@media (min-width: 992px), print { /* 992 */
	.home_slogan h1 {
		max-width: none;
		font-size: 2.5em;
	}
	.home_slogan p {
		max-width: 820px; margin-left: auto; margin-right: auto;
	}
}

.container_slider_caption {
	margin-bottom: 120px;
	align-items: center;
	border-bottom: 6px solid #2b7de1;
	background-color: #f5f5f5;
	
}
.container_slider_caption h2 {
	margin: 0.65em 20px;
	border: none;
    font-family: "futura-pt-condensed", sans-serif;
	font-size: 2em;
	font-weight: 500;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 4px;
	color: #585858;
}
.container_slider_caption h2 span {
	color: #2b7de1;
}
.container_slider_caption .button {
	margin: 0 20px;
}


/*** Banda logos ***/

.container_banda {
    display: flex;
	margin-top: 2rem; margin-bottom: 2rem;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.container_banda > div {
}
.container_banda a {
	display: block;
    margin: 0 .25em;
}
.container_banda a img {
	display: block;
    height: 50px;
}
@media (min-width: 768px) {
    .container_banda a {
        margin: 0 .5em;
    }
}
@media (min-width: 1024px) {
    .container_banda {
        justify-content: space-around;
        flex-wrap: nowrap;
    }
    
	.container_banda > div {
	}
    .container_banda a {
    
    }
    .container_banda a img {
        height: 65px;
    }
}



.container_empresas {
}
.card {
    padding-bottom: 2em;
    border-bottom: 1px solid #ddd;
    margin-bottom: 2em;
}
.card > div > .container {
    flex-wrap: nowrap;
}
.card > div > .container > .column {
    flex: 1 0;
}
.card > div > .container > .column_logo {
    flex: 0 0 auto;
}


.card .column_logo {
    align-self: center;
}
.card .column_logo a, .card .column_logo div {
    display: block;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-right: 1em;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.card .column_logo img {
    display: block;
    width: 110px;
    height: auto;
    margin: 5px 14px;
}
.container_empresas .container_table {
	margin: 0;
}
.container_empresas table {
	border-collapse: collapse;
    text-align: left;
}
.container_empresas table {
    font-size: 1rem;
}
.container_empresas th, .container_empresas td {
    padding: 0.5em;
    vertical-align: top;
    border-bottom: none;
    text-align: left;
    text-transform: none;
}
.container_empresas th {
    color: #c2002f;
}

@media screen and (max-width: 767px) {

    .card .column_logo a, .card .column_logo div {
    }
    
    .card > div > .container {
        flex-wrap: wrap;
    }

}


/*** Widget home icons ***/

hr.sep {
	border-top: 1px solid #ddd;
}

.home .widget {
	padding: 50px 0;
}

.home .widget_icon_cards {
	text-align: center;
}
.home .widget_icon_cards .icon_card {
	margin-top: 10px;
}
.home .widget_icon_cards img {
	width: 56px;
	height: auto;
}
.home .widget_icon_cards .icon_card h3 {
    margin: 0.3em 0;
    font-size: 22px;
    line-height: 1.3;
    color: #0257a8;
}


/*** Banda empresas ***/

.container_banda_empresas {
    display: block;
	margin: 2rem 0;
}
.container_banda_empresas a {
	display: inline-block;
	margin: 0 4px;
}
.container_banda_empresas a img {
	display: block;
	height: 111px !important;
}

@media (min-width: 768px) {
	.container_banda_empresas a {
		margin: 0 10px;
	}
}
@media (min-width: 1024px), print { 
	.container_banda_empresas a {
		margin: 0 20px;
	}
}

.scroll_to_anchor_top {
	position: relative;
	text-align: right;
}
.scroll_to_anchor_top:before {
	content: '';
    position: absolute;
    top: 50%;
    right: 48px;
    width: 100px;
    height: 2px;
    background-color: #b0b0b0;
}
.scroll_to_anchor_top a {
	display: inline-block;
    border-radius: 50%;
    border: 2px solid #b0b0b0;
    width: 29px;
    height: 29px;
    line-height: 29px;
    font-weight: 700;
    text-align: center;
    background-color: transparent;
    color: #b0b0b0;
    font-size: 1rem;
}



/*** Page skeleton ***/

body.page .header_container_gradient {
	display: none;
}
body.page {
	background: #0e83c8; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #0e83c8 0%, #0051a3 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #0e83c8 0%,#0051a3 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #0e83c8 0%,#0051a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e83c8', endColorstr='#0051a3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.header_container {
    min-height: inherit;
}

.container_wrapper {
	position: relative;
}
.container_wrapper:before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	left: 10px; top:0 ; right: 10px; bottom: 0;
	background-color: #fff;
}
.page_content_padding {
	padding: 10px 16px 16px 16px;
}

	@media (min-width: 768px) {
		/*** gutter 16 ***/
		.page_content_padding {
			padding: 10px 16px 16px 16px;
		}		

	}
	@media (min-width: 992px), print { 
		/*** gutter 20 ***/
		.page_content_padding {
			padding: 10px 20px 20px 0;
		}		
	}



/*** Desktop nav & mobile nav ***/

html, body { 
	overflow-x: hidden;
}
#mobile_header_wrapper {
	display: block;
}
#desktop_header_wrapper {
	display: none;
}
@media (min-width: 768px) {
	#mobile_header_wrapper {
		display: none;
	}
	#desktop_header_wrapper {
		display: block;
	}	
}

/*** Mobile header ***/

/*** Mobile nav ***/

#mobile_header_wrapper {
}
#mobile_header_container {
}
#mobile_header_wrapper nav {
	padding: 1em 0;
	font-size: 0.9em;
	text-align: center;
}
#mobile_header_wrapper nav a {
	display: inline-block;
    padding: 0 0.5em;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    color: #212121;
}
#mobile_header_wrapper nav a.button {
	text-transform: uppercase;
	color: #fff;
}

/*** Desktop nav ***/

/*** Header ***/

#desktop_header > .container {
	height: 90px;
	padding-top: 0; padding-bottom: 0;
	justify-content: space-between;
	align-items: center; 
	
	font-size: 0.95rem;
}
#desktop_header nav {
	display: inline-block;
}
#desktop_header nav a {
	display: inline-block;
    padding: 0 0.4em;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    color: #212121;
}
#desktop_header .hashtag {
	margin-left: 0.5em;
}
#desktop_header .button {
	margin-left: 1em;
	text-transform: uppercase;
	color: #fff;
}


/*** Footer ***/

#footer {
	margin: 0;
	padding: 2.4em 0;
	font-size: 0.85rem;
	font-style: italic;
	text-align: center;
	color: #b0b0b0;
}
#footer a { 
	margin: 0 0 0 1em;
	color: inherit; 
}
#footer span.name {
}

.follow_icons span {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
}
.follow_icons a {	
	display: inline-block;
	vertical-align: middle;
    width: 29px; height: 29px; line-height: 29px; text-align: center;
	border: 2px solid #c2002f; border-radius: 100%;
    margin-right: 4px;
	font-size: 17px;   
    color: #c2002f;
}
.follow_icons_mini a {
    width: 20px; height: 20px; line-height: 20px;
    border: 1px solid #c2002f;
    font-size: 12px;
}
.follow_icons a i {
	display: block;
	line-height: inherit;
}


/*** Cookies ***/

.cookies_msg_container {
	border-bottom: 1px solid #b0b0b0;
}

#cookies_msg {
	margin: 5px 0;
    font-size: 0.75em;
    text-align: center;
}
#cookies_msg a {
	color: inherit;
}

#cookies_msg .button {
    min-width: unset; height: 30px; line-height: 30px;
    margin: 0 0.5em; padding: 0 0.5em;
    border: 1px solid #b0b0b0;
    font-size: inherit;
    background-color: transparent;
}







.timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 {
    line-height: inherit;
    margin: 0 0 1em;
}

.example-header {
  background: #3D4351;
  color: #FFF;
  font-weight: 300;
  padding: 3em 1em;
  text-align: center;
}
.example-header h1 {
  color: #FFF;
  font-weight: 300;
  margin-bottom: 20px;
}
.example-header p {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 700;
}

.container-fluid .row {
  padding: 0 0 4em 0;
}
.container-fluid .row:nth-child(even) {
  background: #F1F4F5;
}

.example-title {
  text-align: center;
  margin-bottom: 60px;
  padding: 3em 0;
  border-bottom: 1px solid #E4EAEC;
}
.example-title p {
  margin: 0 auto;
  font-size: 16px;
  max-width: 400px;
}

/*==================================
    TIMELINE
==================================*/
/*-- GENERAL STYLES
------------------------------*/
.timeline {
  line-height: 1.4em;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 {
  line-height: inherit;
}

/*----- TIMELINE ITEM -----*/
.timeline-item {
  padding-left: 40px;
  position: relative;
}
.timeline-item:last-child {
  padding-bottom: 0;
}

/*----- TIMELINE INFO -----*/
.timeline-info {
		box-sizing: border-box;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 3px;
  margin: 0 0 .5em 0;
  text-transform: uppercase;
  white-space: nowrap;
}

/*----- TIMELINE MARKER -----*/
.timeline-marker {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
}
.timeline-marker:before {
  box-sizing: border-box;
  background: #212121;
  border: 3px solid transparent;
  border-radius: 100%;
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  top: 4px;
  left: 0;
  width: 15px;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.timeline-marker:after {
  box-sizing: border-box;
  content: "";
  width: 3px;
  background: #b0b0b0;
  display: block;
  position: absolute;
  top: 24px;
  bottom: 0;
  left: 6px;
}
.timeline-item:last-child .timeline-marker:after {
  content: none;
}

/* .timeline-item:not(.period):hover .timeline-marker:before {
  background: transparent;
  border: 3px solid #212121;
} */

.timeline-item:first-child .timeline-marker:before {
  background: transparent;
  border: 3px solid #212121;
}

/*----- TIMELINE CONTENT -----*/
.timeline-content {
	box-sizing: border-box;
  padding-bottom: 40px;
}
.timeline-content p:last-child {
  margin-bottom: 0;
}

/*----- TIMELINE PERIOD -----*/
.period {
  padding: 0;
}
.period .timeline-info {
  display: none;
}
.period .timeline-marker:before {
  background: transparent;
  content: "";
  width: 15px;
  height: auto;
  border: none;
  border-radius: 0;
  top: 0;
  bottom: 30px;
  position: absolute;
  border-top: 3px solid #CCD5DB;
  border-bottom: 3px solid #CCD5DB;
}
.period .timeline-marker:after {
  content: "";
  height: 32px;
  top: auto;
}
.period .timeline-content {
  padding: 40px 0 70px;
}
.period .timeline-title {
  margin: 0;
}

/*----------------------------------------------
    MOD: TIMELINE SPLIT
----------------------------------------------*/
@media (min-width: 768px) {
  .timeline-split .timeline, .timeline-centered .timeline {
    display: table;
  }
  .timeline-split .timeline-item, .timeline-centered .timeline-item {
    display: table-row;
    padding: 0;
  }
  .timeline-split .timeline-info, .timeline-centered .timeline-info,
  .timeline-split .timeline-marker,
  .timeline-centered .timeline-marker,
  .timeline-split .timeline-content,
  .timeline-centered .timeline-content,
  .timeline-split .period .timeline-info,
  .timeline-centered .period .timeline-info {
    display: table-cell;
    vertical-align: top;
  }
  .timeline-split .timeline-marker, .timeline-centered .timeline-marker {
    position: relative;
  }
  .timeline-split .timeline-content, .timeline-centered .timeline-content {
    padding-left: 30px;
  }
  .timeline-split .timeline-info, .timeline-centered .timeline-info {
    padding-right: 30px;
  }
  .timeline-split .period .timeline-title, .timeline-centered .period .timeline-title {
    position: relative;
    left: -45px;
  }
}

/*----------------------------------------------
    MOD: TIMELINE CENTERED
----------------------------------------------*/
/*
@media (min-width: 1024px) {
  .timeline-centered,
  .timeline-centered .timeline-item,
  .timeline-centered .timeline-info,
  .timeline-centered .timeline-marker,
  .timeline-centered .timeline-content {
    display: block;
    margin: 0;
    padding: 0;
  }
  .timeline-centered .timeline-item {
    padding-bottom: 40px;
    overflow: hidden;
  }
  .timeline-centered .timeline-marker {
    position: absolute;
    left: 50%;
    margin-left: -7.5px;
  }
  .timeline-centered .timeline-info,
  .timeline-centered .timeline-content {
    width: 50%;
  }
  .timeline-centered > .timeline-item:nth-child(odd) .timeline-info {
    float: left;
    text-align: right;
    padding-right: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(odd) .timeline-content {
    float: right;
    text-align: left;
    padding-left: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(even) .timeline-info {
    float: right;
    text-align: left;
    padding-left: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(even) .timeline-content {
    float: left;
    text-align: right;
    padding-right: 30px;
  }
  .timeline-centered > .timeline-item.period .timeline-content {
    float: none;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .timeline-centered .timeline-item.period {
    padding: 50px 0 90px;
  }
  .timeline-centered .period .timeline-marker:after {
    height: 30px;
    bottom: 0;
    top: auto;
  }
  .timeline-centered .period .timeline-title {
    left: auto;
  }
}
*/

/*----------------------------------------------
    MOD: MARKER OUTLINE
----------------------------------------------*/
.marker-outline .timeline-marker:before {
  background: transparent;
  border-color: #212121;
}
.marker-outline .timeline-item:hover .timeline-marker:before {
  background: #212121;
}