/* ==========================================================================
   Import styles
   ========================================================================== */
	@import url(../css/normalize.min.css);
	@import url(../css/font-awesome.min.css);
	@import url(../css/multiple-select.css);
	@import url(../css/BoosterNext.css);

/*
    font-family: 'Booster Next FY Light', Helvetica, Arial, sans-serif;
    font-family: 'Booster Next FY Medium', Helvetica, Arial, sans-serif;
 */


/* ==========================================================================
   Base elements style
   ========================================================================== */
	*, *:before, *:after { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }

	html, body { height: 100%; min-height: 100%; }

	nav li:not(.hide-desktop):hover a:after,
	.anim, .anim * { -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }

	.disableanim, .disableanim * { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }

	::selection { color: white; background-color: rgba(8, 74, 151, .6); }
	::-moz-selection { color: white; background-color: rgba(8, 74, 151, .6); }

	.whitetext ::selection { color: rgba(8, 74, 151, 1); background-color: white; }
	.whitetext ::-moz-selection { color: rgba(8, 74, 151, 1); background-color: white; }

	audio, canvas, iframe, img, svg, video { vertical-align: middle; }
	fieldset { border: 0; margin: 0; padding: 0; }
	textarea { resize: vertical; }

	.clearafter:after, .row:after, [class*='col-']:after, [class*='cleaner'], .container:after, .fullwidth:after, .fullscreen:after { content: ""; display: block; clear: both; padding: 0; }
	.cleaner-small-padding { padding: .4em; }
	.cleaner-padding { padding: .7em; }
	.cleaner-big-padding { padding: 1em; }

  .gallery a { display: block; float: left; padding: 1em; width: 50%; text-align: center; }
  .gallery a img { margin: 0!important; }

/* ==========================================================================
   Text elements
   ========================================================================== */

	h1, h2, h3, h4, h5, h6 { font-family: 'Booster Next FY Light', Helvetica, Arial, sans-serif; padding: 0; margin: 0 0 1rem 0; line-height: ; font-weight: 300; margin-bottom: ; color: rgba(8, 74, 151, 1); }
	h1 { font-size: 2.4rem; line-height: 1.2; }
	h2 { font-size: 2.2rem; line-height: 1.25; }
	h3 { font-size: 2.0rem; line-height: 1.3; }
	h4 { font-size: 1.6rem; line-height: 1.35; }
	h5 { font-size: 1.4rem; line-height: 1.5; font-weight: 400; }
	h6 { font-size: 1.0rem; line-height: 1.6; font-weight: 600; }

	h1 a, h2 a, h3 a, h4 a, h5 a , h6 a { }
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { }

	p { margin: 0 0 1em 0; padding: 0; text-align: ; line-height: 1.5em; }

	ul, ol { padding: 0 0 1.5rem 2rem; margin: 0; line-height: 1.5em; }

	ul { list-style: none; }
	ul li:before { content: "\f111"; font-family: "FontAwesome"; font-size:  .5em; position: absolute; top: 0; left: -2em; }
	ul ul li:before { content: "\f10c";}

  #SkypeButton_Call_michaela.lihanova_1 ul li:before { content: inherit !important;}

	ul ul, ol ol, ol ul, ul ol { padding-top: .7em; padding-bottom: .3em; }
	ul li, ol li { padding-bottom: .7rem; position: relative; }

	ol ol { list-style-type: upper-roman; }
	li:last-of-type { padding-bottom: 0; }

	.unstyllist,
	.unstyllist ul,
	.unstyllist ol,
	.unstyllist li,
	.unstyllist li { list-style: none; padding: 0; margin: 0; line-height: 1.6em; }
	.unstyllist li:before { display: none; }

	.inlilist,
	.inlilist ul,
	.inlilist ol,
	.inlilist li,
	.inlilist li { list-style: none; padding: 0; margin: 0; line-height: 1.6em; display: inline-block;}
	.inlilist li:before { display: none; }

	.tabwrap { max-width: 100%; overflow: auto; margin-bottom: 1.5em; }
	.tabwrap .tabstripes tr:nth-child(odd) td { background: rgba(245, 245, 245, 1); }
	.tabwrap .tabrowhover tr:hover td { background: rgba(235, 235, 235, 1); }
	.tabwrap .tabcelhover td:hover { background: rgba(235, 235, 235, 1); }

	.tabwrap .tabbordered { border-width: 1px; border-style: solid; }
	.tabwrap .tabbordered td,
	.tabwrap .tabbordered th { border-right-width: 1px; border-right-style: solid; }
	.tabwrap .tabbordered td:last-of-type,
	.tabwrap .tabbordered th:last-of-type { border-right: none; }

	.tabwrap table, .tabwrap table td, .tabwrap table th { border-color: rgba(220, 220, 220, 1); }

	.tabwrap .tabstyle th, .tabwrap .tabstyle td { padding: .7em 1em; border-top-width: 1px; border-bottom-width: 1px; border-bottom-style: solid; }
	.tabwrap .tabstyle tr:last-of-type td { border-bottom: none; }
	.tabwrap .tabstyle th { atext-align: left; font-weight: 300; border-top-width: 0px solid; }
	.tabwrap .tabstyle tfoot td { border-bottom: none; background: rgba(255, 255, 255, 0) !important; border-top: 2px solid rgba(220, 220, 220, 1); }

	.tabwrap .tabcondensed td, .tabwrap .tabcondensed th { padding: .4em .7em; }

	.sticky { position: sticky; top: 0; padding:10px; background-color: white; }

	.tabwrap .tabhlhead th,
	.tabwrap .tabhlfoot tfoot td,
	.tabwrap .tabhlfirstcol td:first-of-type { border-color: rgba(245, 245, 245, 1); background-color: rgba(180, 180, 180, 1) !important; color: white; }

	.tabwrap, #no-more-tables { width: 100%; overflow-x: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	table.tabstyle { width: 100%; text-align: left; border-collapse: collapse; white-space: nowrap; }

	#no-more-tables table.tabstyle {white-space: normal;}
	#no-more-tables table.tabstyle tr td { border-top: 1px solid RGBA(236, 240, 241, 1) !important; }

	dl { line-height: 1.6em; }
	dl dt { font-weight: 600; }
	dl dd { margin-bottom: 1em; padding-left: 1em; }

	dl.defhoriz dd { padding-left: 0; }

	hr { margin: 2rem 0; border-width: 0; border-top: 1px solid rgba(200, 200, 200, 1); clear: both; float: none; }

	b, strong, .bold { font-weight: bold; } 
	th.bold  { font-weight: bold !important; }
	small, .small { font-size: 0.8em; }
	big, .big { font-size: 1.2em; }

	article center img,
	article img.floatcenter,
	article img[align="left"],
	article img[align="right"], article img.floatleft, article img.floatright { margin: 1em auto; display: block; float: none; }

	article img.floatcenter,
	article center img { margin: 1em auto; }

	article * { max-width: 100%; }

	blockquote { padding: 1rem 1.5rem; margin: 0 0 1rem 0; border-left: 0.3rem solid rgba(230, 230, 230, 1); }
	blockquote p { margin-bottom: .5rem; line-height: 1.5em; }
	blockquote small { color: rgba(150, 150, 150, 1); }
	blockquote.alignright {  border-left: none; border-right: 0.3rem solid rgba(230, 230, 230, 1); }

/* ==========================================================================
   Form elements
   ========================================================================== */

	.ms-choice,
	textarea,
	input[type="text"],
  input[type="file"],
	input[type="search"],
	input[type="password"],
	input[type="button"],
	input[type="number"],
	input[type="submit"],
	button,
	.button,
	select { display: inline-block; vertical-align: middle; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 0 solid; border-bottom: 2px solid rgba(8, 74, 151, 1); background-color: transparent; line-height: 2.5em; height: 2.5em; padding: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-indent: 0.01px; text-overflow: ""; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; width: 100%; max-width: 100%; }

	input:focus, .ms-parent:focus, select:focus, textarea:focus, .ms-parent *:focus { outline: none; border-color: rgba(111, 171, 232, 1); }

	select, input[type="color" i][list] { background-color: transparent; }

	input[type="button"],
	input[type="submit"],
	button:not(.fancybox-button,.CybotCookiebotBannerCloseButton,.CybotCookiebotDialogHide,.CybotCookiebotDialogBodyButton),
	.button { font-family: 'Booster Next FY Medium', Helvetica, Arial, sans-serif; width: auto; display: inline-block !important; text-decoration: none; cursor: pointer; float: none; clear: none; border: none; color: white; line-height: 1.3em; position: relative; background: rgba(8, 74, 151, 1); height: auto; padding: 0.55em .95em; text-decoration: none; }

	input[type="file"] ~ label, input[type="number"] ~ label, input[type="text"] ~ label, textarea ~ label, select ~ label { color: #999; font-weight: normal; position: absolute; pointer-events: none; left: 0; right: 0; top: .5em; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; }

	.aligncenter input[type="text"] { text-align: center; }

	.CybotCookiebotDialogBodyButton { font-family: 'Booster Next FY Medium', Helvetica, Arial, sans-serif; width: auto;  text-decoration: none; cursor: pointer; float: none; clear: none; border: none; color: white; line-height: 1.3em; position: relative; background: rgba(8, 74, 151, 1); height: auto; padding: 0.55em .95em; text-decoration: none; }

	select ~ label,
	input[type="text"]:focus ~ label,
	input[type="text"]:valid ~ label,
	input[type="number"]:focus ~ label,
	input[type="number"]:valid ~ label,
  	input[type="file"] ~ label,
  	textarea:focus ~ label,
	textarea:valid ~ label, label.stars  { top: -1.6em; font-size: .8em; color: rgba(2, 31, 84, 1.0); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position:absolute; }

	select ~ .selectarrow:after { bottom:0; content: "\f107"; color: #999; text-align: center; width: 0.9em; font-size: 1.4em; line-height: 1.8em;  font-family: FontAwesome; display: block; position: absolute; right: 0; z-index: 0; }
	select { position: relative; z-index: 1; }

	.slid input[type="text"] { border-bottom: 0; }
	.slid input[type="text"] ~ label { top: -2.2em; }
	.slid .noUi-touch-area { background-color: rgb(8, 74, 151); }

	.whitetext input[type="button"],
	.whitetext input[type="submit"],
	.whitetext button,
	.whitetext .button { background: white; color: rgba(8, 74, 151, 1); }

	.whitetext select ~ label,
	.whitetext input[type="text"]:focus ~ label,
	.whitetext input[type="text"]:valid ~ label,
	.whitetext textarea:focus ~ label,
	.whitetext textarea:valid ~ label { color: white; }

	.whitetext .ms-choice,
	.whitetext textarea,
	.whitetext input[type="text"],
	.whitetext input[type="search"],
	.whitetext input[type="password"],
	.whitetext input[type="button"],
	.whitetext input[type="submit"],
	.whitetext button,
	.whitetext .button,
	.whitetext select { border-color: white; }

	/*
	input[type="button"]:hover,
	input[type="submit"]:hover,
	button:hover,
	.button:hover,
	input[type="button"].activ,
	input[type="submit"].activ,
	button.activ,
	.button.activ { background: rgba(224, 16, 33, 1); color: white; text-decoration: none; }

	input[type="button"].nohover:hover,
	input[type="submit"].nohover:hover,
	button.nohover:hover,
	.button.nohover:hover { background: transparent; color: rgba(224, 16, 33, 1); }
	*/

  .rating { overflow: hidden; display: inline-block; position: relative; font-size: 1.5em; vertical-align: middle; }
  .rating-input { float: right; padding: 0; width: .9em; height: 1.1em; margin: 0 0 0 -.9em; opacity: 0; }
  .rating:hover .rating-star:hover:before,
  .rating:hover .rating-star:hover ~ .rating-star:before,
  .rating-input:checked ~ .rating-star:before { content: "\f005"; color:  rgba(8, 74, 151, 1); }
  .rating-star:before,
  .rating:hover .rating-star:before { content: "\f006"; color: gray; font-family: "FontAwesome"; text-align: center; position: relative; float: right; display: block; line-height: 1.1em; padding: 0 .1em; }


	textarea.error, input.error, select.error, select.error ~ .ms-parent button { border-color: rgba(231, 76, 60, 1) !important; }
	.radcheck input.error ~ label { color: rgba(231, 76, 60, 1) !important;  }

	.ms-choice:disabled, textarea:disabled, input[type="text"]:disabled, input[type="search"]:disabled, input[type="password"]:disabled, input[type="button"]:disabled, input[type="submit"]:disabled, button:disabled, .button:disabled, select:disabled { opacity: .6; cursor: no-drop; }

	textarea { height: 4.5em; line-height: 1.4em; }
	label { cursor: pointer; }

	/* Radio Check */
	.radcheck { position: relative; line-height: 1.3em; }
	.radcheck input { position: absolute; top: 0; left:  0; z-index: -1; opacity: 0; }
	.radcheck label { padding-left: 1.5em; display: inline-block; }

	.radcheck input[type="radio"] + label:before,
	.radcheck input[type="checkbox"] + label:before { font-family: "FontAwesome"; display: inline-block; position: absolute; left: .2em; top: 0; }

	.radcheck input[type="radio"] + label:before { content: "\f10c"; }
	.radcheck input[type="checkbox"] + label:before { content: "\f096"; }

	.radcheck input[type="radio"]:focus + label:before,
	.radcheck input[type="checkbox"]:focus + label:before { text-shadow: 0px 0px 5px rgba(111, 171, 232, 1); }

	.radcheck input[type="radio"]:checked + label:before { content: "\f192"; }
	.radcheck input[type="checkbox"]:checked + label:before { content: "\f046"; }

	/* Alerts */
	.alert-ko, .alert-ok, .alert-info { display: block; margin-bottom: 15px; padding: 10px; text-align: center; border: 1px solid; }
	.alert-ko { background: rgba(240, 197, 197, 1); border-color: rgba(202, 56, 56, 1); color: rgba(202, 56, 56, 1); }
	.alert-ok { background: rgba(192, 238, 170, 1); border-color: rgba(88, 192, 38, 1); color: rgba(88, 192, 38, 1); }
	.alert-info { background-color: rgba(254, 247, 234, 1); border-color: rgba(246, 184, 63, 1); color: rgba(246, 184, 63, 1); }

/* ==========================================================================
   Custom project styles
   ========================================================================== */


   #online_poistenie { width: 100%; height: 500px; border: 0; margin: 0; padding: 0; }
   #online_poistenie iframe { width: 100%; height: 100%; border: 0; margin: 0; padding: 0;}

	* { Xoutline: 1px solid rgba(214, 15, 21, .2); }

	.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

	body { background: #fcfcfc; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-weight: 300; line-height: 1.2em; font-size: 100%; color: #333; position: relative; }

  .cookielaw { color:white; font-size: .85em; text-align: center; position: fixed; padding: 0.8em 1em; line-height: 1.5em; left: 0; right: 0; bottom: 0; z-index: 9000; background: rgba(8, 74, 151, 1);}

	nav ul { height: 100%; width: 100%; padding: 1.5em; position: fixed; left: 0; top: 0; background-color: rgba(255, 255, 255, .95); overflow: auto; }
	nav li { display: block; padding: 0.3125em; position: relative; text-align: center; }
	nav li:before { display: none; }
	nav a { text-decoration: none; display: inline-block; text-align: center; position: relative; }
	nav li:not(.hide-desktop) { font-size: 5vh; line-height: 1.7em; }

	nav li:not(.hide-desktop) a:after { content: ""; display: block; background-color: rgba(8, 74, 151, 1); position: absolute; left: ; top: 0; right: -.5em; bottom: 0; left: -.5em; opacity: 0; z-index: -1; }

	nav li:not(.hide-desktop) a.active:after,
	nav li:not(.hide-desktop):hover a:after { opacity: 1; }

	nav li:not(.hide-desktop) a.active,
	nav li:not(.hide-desktop):hover a { color: white; }

	.whitetext nav li a { color: rgba(8, 74, 151, 1); }

	nav, header svg { position: relative; z-index: 1; }
	svg { pointer-events: none; }

  .floatedheader {position:fixed; width:100%; top:0; left:0;  z-index:10;}

  .subpagepadd { padding-top: 100px;}

	.overflowhidden { overflow: hidden; }

	.scndfont { font-family: 'Booster Next FY Medium', Helvetica, Arial, sans-serif; }
	.scndfont.light { font-family: 'Booster Next FY Light', Helvetica, Arial, sans-serif; }

	a { text-decoration: underline; color: rgba(8, 74, 151, 1); }
	a img { text-decoration: ; border: ; }

	.nodecor { text-decoration: none; }

	/* a:focus, object:focus { outline: none; -webkit-box-shadow: 0 0 1px 2px RGBA(111, 171, 232, 1); box-shadow: 0 0 1px 2px RGBA(111, 171, 232, 1); } */

	.primbcolor { background-color: #094299; }
	.scndbcolor { background-color: rgba(224, 16, 33, 1); }
	.thirdbcolor { background-color: rgba(213, 213, 213, 1); }

	.primtcolor { color: rgba(8, 74, 151, 1); }
	.scndtcolor { color: rgba(224, 16, 33, 1); }
	.thirdtcolor { color: rgba(213, 213, 213, 1); }

	.whitebg { background-color: white; }
	.whitetext, .whitetext * { color: white; }
	.whitetext svg .blue { fill: white; }

	.headbg { background-image: url(../img/alfalife-head.png); background-repeat: no-repeat; background-size: auto 110%; background-position: right 3vw bottom -6em; }

	.emotiontitle { font-size: 4em; line-height: 1.2em; padding-top:100px;}
	.emotiontitle ~ .big { font-size: 1.4em; line-height: 1.4em;}
	.emotiontitle ~ .big, .emotiontitle { text-align: center; }
	.emotiontitle ~ .big .button { -webkit-box-shadow: -3px 15px 35px rgba(0,32,76,.5); -moz-box-shadow: -3px 15px 35px rgba(0,32,76,.5); box-shadow: -3px 15px 35px rgba(0,32,76,.5); background-color: rgba(224, 16, 33, 1) !important; color: white;}

	.counter { font-size: 2em; line-height: 1.1em; }

	.styledbox { background-color: white; webkit-box-shadow: -3px 15px 45px rgba(0,72,153,.2); -moz-box-shadow: -3px 15px 45px rgba(0,72,153,.2); box-shadow: -3px 15px 45px rgba(0,72,153,.2); }

	.teamitem h5 { line-height: 1.2em; }
	.teamavatar { display: block; margin: 0 auto 1em auto; width: 60%; padding-top: 60%; background-size: auto 100%; background-position: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; position: relative; transition:  background-size 150ms; }
	.teamavatar .overlay { display: block; position: absolute; top: -1em; right: -1em; bottom: -1em; left: -1em; background: rgba(164, 198, 239, .3); transition: background 250ms; max-width: 9999em; }
	.teamitem:hover .teamavatar { background-size: auto 110%; }
	.teamitem:hover .overlay { background: rgba(8, 74, 151, 0); }

  span.avatartape { padding-top: 0.1em; font-weight: bold; text-transform: uppercase; font-family: 'Booster Next FY Light', Helvetica, Arial, sans-serif; position: absolute; left: 50%; bottom: 0.3em; line-height: 1.9em; width: 12em; margin-left: -6em; background-color: rgba(224, 16, 33, 1); color: white; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; z-index: 1; font-size: 0.8em; }

  .IN-widget, .fb-like.fb_iframe_widget { display: inline-block !important; vertical-align: middle !important; }
	.IN-widget { height: 1.2em; !important; }
	.sharewrapper a { display: inline-block; font-size: .8em; padding: 0.2em 0.4em; -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em; }

	@media (min-width: 640px) and (max-width: 967px) {
		.teamavatar { width: 40%; padding-top: 40%;  }
	}

	@media (min-width: 968px) {
		.teamavatar { width: 80%; padding-top: 80%;  }
	}

	.profileavatar { display: inline-block; width: 100%; padding-top: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-size: cover; background-position: center; border: 3px solid rgba(8, 74, 151, 1); }

	.stars i { display: inline-block; margin-right: .5em; color: rgba(8, 74, 151, 1); font-size: 1.25em; }
	.stars i.fa-star-o { color: #999; }
	.stars .button { font-size: .9em; height: 1.4em; vertical-align: bottom; font-weight: bold; line-height: 1.55em; padding: 0 0.5em; }

	.icons a { display: inline-block; text-align: center; width: 5em; font-size: .7em; position: relative; }
	.icons a:not(:last-of-type) { margin-right: 1em; }
  .icons a:not(:last-of-type):after { content: ""; display: block; position: absolute; top: 0; right: -.55em; width: 0; height: 100%; border-right: 1px solid rgba(0, 0, 0, .2); }
	.icons i { display: block; clear: both; padding-bottom: .2em; }

/* ==========================================================================
   Owl carousel
   ========================================================================== */
	.owl-dots { text-align: center; }
	.owl-dot { display: inline-block; padding: .7em 1em; }
	.owl-dot:before { content: "X"; }
	.owl-dot.active:before { background: red; }
	.owl-nav .owl-prev { float: left; padding: .7em 1em; }
	.owl-nav .owl-next { float: right; padding: .7em 1em; }
	.owl-item { text-align: center; }

/* ==========================================================================
   Grid
   ========================================================================== */

	.container { position: relative; width: 100%; max-width: 1140px; margin: 0 auto; box-sizing: border-box; }
	[class*='col-'] { float: none; padding: 1rem; width: 100%; max-width: 100%; }

	@media (max-width: 968px) {
		[class*='col-'] [class*='col-'] { padding: 0rem 0rem 1rem 0rem;}
	}

	@media (max-width: 968px) {

		#no-more-tables table,
	    #no-more-tables thead,
	    #no-more-tables tbody,
	    #no-more-tables th,
	    #no-more-tables td,
	    #no-more-tables tr {
	     display: block;
	    }


	    #no-more-tables thead tr {
	     position: absolute;
	     top: -9999px;
	     left: -9999px;
	    }

	    #no-more-tables table.tabstyle th { border-top: inherit; }

	    #no-more-tables td {
	     position: relative;
	     padding-left: 40%;
	     white-space: normal;
	     text-align:left;
	    }

	    #no-more-tables td.fullwidth { padding-left: 0; }

	    #no-more-tables td.alignright {text-align:right;}


	    #no-more-tables tr td:last-child { border-bottom: 3px solid RGBA(236, 240, 241, 1); }
	    #no-more-tables tbody tr:first-child td:first-child { border-top: 3px solid RGBA(236, 240, 241, 1) !important;  }
	    #no-more-tables tbody tr td:first-child {background: rgba(180, 180, 180, 1) !important; color:#fff;}



	    #no-more-tables td:before {

	     position: absolute;
	     top: 0px;
	     left: 0px;
	     width: 30%;
	     padding-right: 10px;
	     white-space: nowrap;
	     text-align:left;
	     font-weight: 500;
	    }

	    /*
	    Label the data
	    */
	    #no-more-tables td:before { content: attr(data-title); padding: 0.4em;}
	   }


	@media (min-width: 968px) {
		[class*='col-'] { float: left; padding: 1rem; width: 100%; max-width: 100%; }

		.col-1 { width: 8.3333333333%; }
		.col-2 { width: 16.6666666667%; }
		.col-3 { width: 25%; }
		.col-4 { width: 33.3333333333%; }
		.col-5 { width: 41.666666667%; }
		.col-6 { width: 50%; }
		.col-7 { width: 58.333333333%; }
		.col-8 { width: 66.666666666%; }
		.col-9 { width: 75%; }
		.col-10 { width: 83.333333333%; }
		.col-11 { width: 91.666666666%; }
		.col-12 { width: 100%; float: none; clear: both; }

		.col-fifth { width: 20%; }
		.col-seventh { width: 14.285714286%; }
		.col-eighth { width: 12.5%; }
		.col-ninth { width: 11.111111111%; }
		.col-tenth { width: 10%; }
		.col-eleventh { width: 9.0909090909%; }

		article img[align="left"], article img.floatleft { margin-right: 1.5em; float: left; }
		article img[align="right"], article img.floatright { margin-left: 1.5em; float: right; }
	}

/* ==========================================================================
   Tools classes
   ========================================================================== */

	.hidden { display: none; }
	.posrel { position: relative; }
	.abscenter { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; }

	.padd { padding: 1rem; }
	.paddright { padding-right: 1rem; }
	.paddleft { padding-left: 1rem; }
	.paddtop { padding-top: 1rem; }
	.paddbottom { padding-bottom: 1rem; }

		.smallpadd { padding: .5rem; }
		.smallpaddright { padding-right: .5rem; }
  	.smallpaddleft { padding-left: .5rem; }
		.smallpaddtop { padding-top: .5rem; }
		.smallpaddbottom { padding-bottom: .5rem; }

		.bigpadd { padding: 2rem; }
		.bigpaddright { padding-right: 2rem; }
		.bigpaddleft { padding-left: 2rem; }
		.bigpaddtop { padding-top: 2rem; }
		.bigpaddbottom { padding-bottom: 2rem; }

		.nopaddright { padding-right: 0rem;  }
		.nopaddleft { padding-left: 0rem; }
		.nopaddtop { padding-top: 0rem; }
		.nopaddbottom { padding-bottom: 0rem; }
		.nopadd, img.nopadd { padding: 0rem; }

	.marg { margin: 1rem; }
	.margright { margin-right: 1rem; }
	.margleft { margin-left: 1rem; }
	.margtop { margin-top: 1rem; }
	.margbottom { margin-bottom: 1rem; }
	.nomarg { margin: 0rem; }

		.smallmarg { margin: .5rem; }
		.smallmargright { margin-right: .5rem; }
		.smallmargleft { margin-left: .5rem; }
		.smallmargtop { margin-top: .5rem; }
		.smallmargbottom { margin-bottom: .5rem; }

		.bigmarg { margin: 2rem; }
		.bigmargright { margin-right: 2rem; }
		.bigmargleft { margin-left: 2rem; }
		.bigmargtop { margin-top: 2rem; }
		.bigmargbottom { margin-bottom: 2rem; }

		.nomargright { margin-right: 0rem; }
		.nomargleft { margin-left: 0rem; }
		.nomargtop { margin-top: 0rem; }
		.nomargbottom { margin-bottom: 0rem; }
		.nomarg { margin: 0rem; }

	.fullscreen { min-height: 100%; width: 100%; }
	.fullheight { min-height: 100%; }
	.fullwidth { width: 100%; }

	.halfheight { height: 50%; min-height: 400px; }

	.alignleft { text-align: left; }
	.alignright { text-align: right; }
	.aligncenter { text-align: center; }

	.floatleft { float: left; }
	.floatright { float: right; }
	.floatcenter { display: block; margin: 0 auto; float: none !important; }

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

	/* Larger than mobile */
  @media (max-width: 399px) {
  .gallery a { width: 100%; }
 }



	@media (min-width: 400px) {
		.profileavatar { width: 12.5em; padding-top: calc(12.5em - 6px); }
    .gallery a { width: 50%; }
	}

	/* Larger than phablet */
	@media (min-width: 550px) {
		.icons a { font-size: 0.7em; }
    .emotiontitle { font-size: 5em; line-height: 1.2em; }
		.emotiontitle ~ .big, .emotiontitle { text-align: left; }
    .gallery a { width: 33.33333%; }
	}

	/* Larger than tablet */
	@media (min-width: 968px) {
		dl.defhoriz dt { width: 25%; margin-bottom: 1em; text-align: right; float: left; clear: left; }
		dl.defhoriz dd { width: 75%; float: left; clear: right; padding-left: 1em; }
    .gallery a { width: 20%; }
		.mc-2 {
			-webkit-column-count: 2;
			-webkit-column-gap: 60px;
			-moz-column-count: 2;
			-moz-column-gap: 60px;
			column-count: 2;
			column-gap: 60px;
			padding-bottom: 1em;
		}

		nav ul { min-height: auto; width: auto; position: relative; left: auto; top: auto; padding: 0; background-color: transparent; overflow: inherit; }
		nav li { display: inline-block; padding-left: .5em; font-size: 1.2em !important; line-height: 1.1em !important; }
		.whitetext nav li a { color: white; }


		.headbg { background-position: right 5vw bottom -6em; }
		.emotiontitle { font-size: 7em; line-height: 1.2em; }
		.emotiontitle ~ .big { font-size: 1.7em; line-height: 1.4em;}

		nav li:not(.hide-desktop) a:after { background-color: rgba(8, 74, 151, 1); top: -.4em; right: -.5em; bottom: -.4em; left: -.5em; opacity: 0; }

		nav li:not(.hide-desktop) a.active,
		nav li:not(.hide-desktop):hover a { color: white; }

		.whitetext nav li:not(.hide-desktop) a:after { background-color: white; }
		.whitetext nav li:not(.hide-desktop).active a,
		.whitetext nav li:not(.hide-desktop):hover a { color: rgba(8, 74, 151, 1); }

		.profileavatar { float: left; margin-right: 2.5em; }

	}

	/* Larger than desktop */
	@media (min-width: 1000px) {
		nav li { padding-left: 1em; }
    .icons a:not(:last-of-type) { margin-right: 0.7em; }
		.icons a:not(:last-of-type):after { right: -0.4em; }
    .icons a {font-size:0.7em;}
	
	}

	/* Larger than Desktop HD */
	@media (min-width: 1200px) {
		nav li { padding-left: 2em; }
		.headbg { background-position: right 15vw bottom -6em; }
    .icons a:not(:last-of-type) { margin-right: 1.65em; }
		.icons a:not(:last-of-type):after { right: -0.9em; }
    .icons a {font-size:0.8em;}
	}

	/* Queries Hide - Show */
	@media (max-width: 400px) {
		.show-phone { display: inherit; }
		.hide-phone { display: none !important; }
		.center-phone { text-align: center !important; }
		.mobilehalf { width: 100%; clear: none; float: none; padding: .5em !important; }
		.mobile-center { text-align: center; }
    .icons a:nth-child(2):after { display:none; }
    .icons a:nth-child(2) { margin-right: 0em; }
	}


	@media (min-width: 401px) and (max-width: 967px) {
		.hide-tablet { display: none; }
		.show-tablet { display: inherit; }
		.hide-phone { display: none !important; }
		.center-tablet { text-align: center !important; }
		.tablethalf { width: 50%; clear: none; float: left; padding: .5em !important; }
		.tablet-center { text-align: center; }
	}

  @media (min-width: 968px) and (max-width: 1000px) {
    .icons a:not(:last-of-type) { margin-right: 0.16em; }
		.icons a:not(:last-of-type):after { right: -0.25em; }
 }

	@media (min-width: 968px) {
		.hide-desktop { display: none; }
		.show-desktop { display: inherit; }
		nav ul { display: inherit !important; }

	}

/* ==========================================================================
   Print styles
   ========================================================================== */

	@media print {
		*,
		*:before,
		*:after {
			background: transparent;
			color: #000;
			box-shadow: none !important;
			text-shadow: none !important;
		}

		a,
		a:visited {
			text-decoration: underline;
		}

		a[href]:after {
			content: " (" attr(href) ")";
		}

		abbr[title]:after {
			content: " (" attr(title) ")";
		}

		a[href^="#"]:after,
		a[href^="javascript:"]:after {
			content: "";
		}

		pre,
		blockquote {
			border: 1px solid #999;
			page-break-inside: avoid;
		}

		thead {
			display: table-header-group;
		}

		tr,
		img {
			page-break-inside: avoid;
		}

		img {
			max-width: 100% !important;
		}

		p,
		h2,
		h3 {
			orphans: 3;
			widows: 3;
		}

		h2,
		h3 {
			page-break-after: avoid;
		}
	}

	.flcenter { justify-content: center !important; display: flex; flex-wrap: wrap;}