html {

  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {  margin: 0; }

h1						{font-size:250%; font-family: "Arial Narrow"; font-weight:normal; display:inline;}
h2            {font-size:200%; font-family: "Arial Narrow"; font-weight:normal; display:inline;}
h3            {font-size:150%; font-family: "Arial Narrow"; font-weight:normal; display:inline;}
h4            {font-size:120%; font-family: "Arial Narrow"; font-weight:normal; display:inline;}
h5            {font-size:110%; font-family: "Arial Narrow"; font-weight:normal; display:inline;font-style: italic;}
h6            {font-size:100%; font-family: Tahoma; font-weight:normal;display: inline;}

.spacit {height:45px;}
.spacit2 {height:50px;}

.size1 {font-size:50%;}
.size2 {font-size:75%;}
.size3 {font-size:100%;}
.size4 {font-size:125%;}
.size5 {font-size:150%;}
.size6 {font-size:200%;}
.size7 {font-size:300%;}

.inpno {padding-right:18px;}

.ash {padding:10px;border-bottom:1px dotted #c0c0c0}

.q-down {
    width: 15px;
    height: 10px;
    background: url(../gfx_html/q-minus.png) 0 0 no-repeat;
    position: absolute;
    top: 11px;
    right: 1px;
}

.q-up {
    width: 15px;
    height: 10px;
    background: url(../gfx_html/q-plus.png) 0 0 no-repeat;
    position: absolute;
    top: 1px;
    right: 1px;
}

.ofh {white-space: nowrap;overflow:hidden;/*text-overflow:ellipsis;*/}

.transit {transition: all 10s ease;}

.narrow       {font-family: "Arial Narrow";}
.article      {font-family: "Arial Narrow", Helvetica, Arial, Geneva, sans-serif; font-size: 120%; font-weight: normal;	line-height: 1.2;	-webkit-font-smoothing: antialiased; }
.diary        {font-family: "Arial Narrow", Helvetica, Arial, Geneva, sans-serif; font-size: 120%; font-weight: normal;	line-height: 1.2;	-webkit-font-smoothing: antialiased; }

li {line-height: 1;}
ul {margin:2px;}
img 					{border:0;max-width: 100%;vertical-align:middle;}
img.t					{background-image:url(data:image/gif;base64,R0lGODlhAQABAID/AP///wAAACH5BAUAAAAALAAAAAABAAEAAAICRAEAOw);border:0px;width:0px;height:0px;max-width:none;}
img.x					{background-image:url(data:image/gif;base64,R0lGODlhAQABAID/AP///wAAACH5BAUAAAAALAAAAAABAAEAAAICRAEAOw);border:0px;width:0px;max-width:none;}
img.y					{background-image:url(data:image/gif;base64,R0lGODlhAQABAID/AP///wAAACH5BAUAAAAALAAAAAABAAEAAAICRAEAOw);border:0px;height:0px;max-width:none;}
img.z					{background-image:url(data:image/gif;base64,R0lGODlhAQABAID/AP///wAAACH5BAUAAAAALAAAAAABAAEAAAICRAEAOw);border:0px;max-width:none;}
.icon2         {max-width:none;}
.icon         {max-width:none;vertical-align:middle;}
.iconh img.iconh       {padding-top:2px;max-width:none;display:none;}
.iconh:hover img.iconh {padding-top:2px;max-width:none;display:inline;}
.icon16         {max-width:none;vertical-align:middle;margin-top:-4px;}
img.save      {width:16px;margin-left:-24px;margin-right:8px;margin-top:3px;}

a:link				{text-decoration: none ;}
a:visited			{text-decoration: none ;}
a:hover				{text-decoration: underline ;}
span.bg       {background:#808080;height:100px;width:133px};
form					{margin: 0px;}
.ram			    {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid;}
.oram			    {border:1px solid #808080;}
legend				{margin:0px;border-width:0px;width:100%;border:1px solid #a0a0a0;font-weight:bold}
table.t       {border: solid 1px; border-collapse:collapse;  -webkit-box-shadow: 0px 0px 4px 0px #404040; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
               box-shadow: 0px 0px 4px 0px #404040; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */}
table.t td    {vertical-align:top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left:2px; padding-right: 2px; border: solid 1px;border-style:dotted;font-family:tahoma;}
table.t th    {padding-left:2px; padding-right: 2px;border: solid 1px;border-style:dotted;font-family:tahoma;background-color: #E0E0E0;
  background-image: -webkit-linear-gradient(top, #D0D0D0, #E0E0E0); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:         linear-gradient(to bottom, #D0D0D0, #E0E0E0);
  text-shadow: 1px 1px 3px #FFF;}
button    {border-radius:3px; vertical-align:top;border: 1px solid #606060; font-family:tahoma;font-size:16px;background-color: #ffffff;
  background-image: -webkit-linear-gradient(top, #D0D0D0, #ffffff); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:         linear-gradient(to bottom, #D0D0D0, #ffffff);
  text-shadow: 1px 1px 3px #FFF;}
button:hover {cursor:hand;
  background-image: -webkit-linear-gradient(top, #fffb91, #ededed); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:         linear-gradient(to bottom, #fffb91, #ededed);
	background-color:#fffb91;
  border-color:red;border-style:dotted}
td.nooverflow:hover   {background-color:#FFe0e0;}
.disabled     {background-color:#e0e0e0;color:#404040;}
.nooverflow   {vertical-align:top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; table-layout: fixed; padding: 10px 10px 10px 10px;}
.hideoverflow {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; table-layout: fixed ;}
.nowrap       {white-space: nowrap;}
.wrap         {white-space: normal;}
.nores        {max-width:none;}
.shd img      {box-shadow: 3px 3px 1px #777;-webkit-box-shadow: 3px 3px 1px #777;-moz-box-shadow: 3px 3px 1px #777;}
.thumb { max-width:none;}
.thumbz  {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.thumbz:hover {
	-webkit-transform: scale(1.1);
  	-moz-transform: scale(1.1);
  	-o-transform: scale(1.1);
  	transform: scale(1.1);
}
.thumbl      {width:400px;height:300px;display:inline-block;max-width:100%;height:auto;}

.pos td {padding:0px;margin:0px;border:0px}
.pos table {padding:0px;margin:0px;border-spacing:0px}

.thumbv        {
  position: absolute;
  background:url('/gfx_html/playbtn.png') no-repeat;
  background-position: 50% 50%;
  background-size: 40%;
  z-index: 6;
}

.he {
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
	padding:2px;
  border-radius:2px; border: 1px solid #606060; 
  background-image: -webkit-linear-gradient(top, #ffffff, #D0D0D0); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:         linear-gradient(to bottom, #fffff, #D0D0D0);
  z-index: 1;
}

.messages{
  background: #fafafa;
  box-shadow: 0px 1px 10px 0px #404040;
  overflow: hidden;
  padding: 10px 10px 10px 30px;
  position: fixed;
  left:40%;
  margin:0 auto;
  color: #555555;
  border-radius: 3px;
  display:block;
  visibility:hidden;
  z-index: 9999;
}
.messages:hover{
  background-color:#FFe0e0;
}
.messclose {margin-left:20px;}

.button img {margin-top:-4px;}
.button {
  cursor:hand;
	font-family:'Lucida Grande',Tahoma,Verdana,Arial,Sans-serif;
	padding:6px 6px;
  margin:6px;
  border-radius:2px; vertical-align:top;border: 1px solid #606060; font-family:tahoma;font-size:20px;background-color: #ffffff;
  background-image: -webkit-linear-gradient(top, #D0D0D0, #ffffff); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:         linear-gradient(to bottom, #D0D0D0, #ffffff);
  text-shadow: 1px 1px 3px #FFF;
   /* Firefox */
  display:-moz-box;
  -moz-box-pack:center;
  -moz-box-align:center;
  /* Safari and Chrome */
  display:-webkit-box;
  -webkit-box-pack:center;
  -webkit-box-align:center;
  /* W3C */
  display:box;
  box-pack:center;
  box-align:center;
  height:50px;
  line-height:30px;

  width:calc(100% - 50px);
  text-decoration: none;
}
.button:hover {
  cursor:hand;
  text-decoration: none;
  background-image: -webkit-linear-gradient(top, #fffb91, #ededed); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:         linear-gradient(to bottom, #fffb91, #ededed);
	background-color:#fffb91;
  border-color:red;border-style:dotted;
}
.sbutton {
  cursor:hand;
	padding:2px;
  border-radius:2px; border: 1px solid #a0a0a0; 
  background-image: -webkit-linear-gradient(top, #D0D0D0, #ffffff); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:         linear-gradient(to bottom, #D0D0D0, #ffffff);
  margin:1px;
}
.sbutton:hover {
  cursor:hand;
  background-image: -webkit-linear-gradient(top, #fffb91, #ededed); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:         linear-gradient(to bottom, #fffb91, #ededed);
	background-color:#fffb91;
  border-color:red;border-style:dotted;
}
.vcenter{  
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  }
.upline{
  padding: 2px;
  border-top:1px solid black;
  }
.hand {cursor:hand;}
.red {color:#ff0000;}
.blue {color:#0000ff;}
.green {color:#00ff00;}
.hidden {position: absolute; height: 0px; width: 0px; border: none; padding: 0px;}
.inline {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;}
.hover:hover{border-color:red;border-style:dotted;}
.ad {
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
	padding:2px;
  border-radius:2px; border: 1px solid #606060; 
  background-image: -webkit-linear-gradient(top, #ffffff, #D0D0D0); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:         linear-gradient(to bottom, #fffff, #D0D0D0);
  z-index: 1;
}
.ad:hover {
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
  background-image: -webkit-linear-gradient(top, #ffefef, #D0D0D0); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:         linear-gradient(to bottom, #ffefef, #D0D0D0);
	background-color:#fffb91;
  border-color:red;
}
.adg {
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
	padding:2px;
  border-radius:2px; border: 1px solid green; 
  background-image: -webkit-linear-gradient(top, #ffffff, #33ff00); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:         linear-gradient(to bottom, #fffff, #33ff00);
  z-index: 1;
}
.tooltip {
  background:#FFFFFF;
   line-height:20px;
    border-width: 2px;   
    color:#333; 
    border-color:#BBBBBB;
    padding:3px 10px 3px 10px;
    font-size: 12px;
    font-family: Verdana, Arial;
    border-radius:6px; /*Rounded corners. N/A for IE 8 and below.*/
    box-shadow: 0 1px 4px #000000; /*Drop shadow. N/A for IE 8 and below.*/
    background-image: -webkit-linear-gradient(top, #fffb91, #ededed); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:         linear-gradient(to bottom, #fffb91, #ededed);
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  z-index: 9999;
  }
.question {
    background:#FFFFFF;
    border-width: 2px;   
    color:#333; 
    border-color:#BBBBBB;
    padding:3px 10px 3px 10px;
    font-size: 12px;
    font-family: Verdana, Arial;
    border-radius:6px; /*Rounded corners. N/A for IE 8 and below.*/
    box-shadow: 0 1px 4px #000000; /*Drop shadow. N/A for IE 8 and below.*/
    background-image: -webkit-linear-gradient(top, #92ff01, #ededed); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:         linear-gradient(to bottom, #92ff01, #ededed);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: 9999;
    position:absolute;
  }

.zbozi {
	padding:5px;
  border-radius:6px; border: 1px solid #000000; 
  background-image: -webkit-linear-gradient(top, #D0D0D0, #ffffff); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:         linear-gradient(to bottom, #D0D0D0, #ffffff);
  box-shadow: 5px 5px 10px 0px #404040;
}
.zbozi:hover {
  background-image: -webkit-linear-gradient(top, #D0D0D0, #ffdfdf); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:         linear-gradient(to bottom, #D0D0D0, #ffdfdf);
	background-color:#ffefef;
  border-color:red;border-style:dotted;
}

.zboziakce {
	padding:5px;
  border-radius:6px; border: 1px solid #ff0000; 
  background-image: -webkit-linear-gradient(top, #fffb91, #ffffff); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:         linear-gradient(to bottom, #fffb91, #ffffff);
  box-shadow: 5px 5px 10px 0px #404040;
}
.zboziakce:hover {
  background-image: -webkit-linear-gradient(top, #fffb91, #ffdfdf); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image:         linear-gradient(to bottom, #fffb91, #ffdfdf);
	background-color:#ffefef;
  border-color:red;border-style:dotted;
}

.nicet {
	margin:0px;padding:0px;
  border:1px solid white;
}

.nicet table{
  border-collapse: collapse;
  border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}

.nicet th  { background-color:#ffefbd; }
.nicet tr:nth-child(even)  { background-color:#dddddd; }
.nicet tr:nth-child(odd) { background-color:#f5f5f5; }

.nicet td{
	vertical-align:middle;
	color:#000000;
}

.nicet tr:hover{
	background-color:#ffff80;
}

.nounder:hover {text-decoration: none ;}

.menux 
{
  overflow: hidden; text-overflow: ellipsis; table-layout: fixed;
  font-size:smaller;
  background-color:#eeeeee;
}

.menu {  white-space: nowrap;}

.menu:hover {
  cursor:hand;
	background-color:#ffffff;
  text-decoration: none ;
}

.marked {
	background-color:#fffb91;
  font-size:larger;
}

.mad {
  border-left:1px solid #d0d0d0; 
  font-family:"arial narrow";
    -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
 }
.mad:hover {background-color:#ffffff;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;}
.mad img {
  margin:10px;  
  -webkit-filter: saturate(0.5);
  filter: saturate(0.5);
  }
.mad:hover img {
  -webkit-filter: saturate(1);
  filter: saturate(1);
}

.mads {
  border-left:1px solid #d0d0d0; 
  font-family:"arial narrow";
    -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
 }
.mads:hover {background-color:#ffffff;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;}
.mads img {
  margin:0px;  
  -webkit-filter: saturate(0.5);
  filter: saturate(0.5);
  }
.mads:hover img {
  -webkit-filter: saturate(1);
  filter: saturate(1);
}

.mark {
    -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
 }
.mark:hover {background-color:#ffffff;
  cursor:pointer;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;}
.mark img {
  -webkit-filter: saturate(1);
  filter: saturate(1);
  }
.mark:hover img {
	-webkit-transform: scale(1.01);
  	-moz-transform: scale(1.01);
  	-o-transform: scale(1.01);
  	transform: scale(1.01);

  -webkit-filter: saturate(1.5);
  filter: saturate(1.5);
}

.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

@-moz-keyframes blinker {  
    0% { background:yellow; }
    20% { background:yellow; }
}

@-webkit-keyframes blinker {  
    0% { background:yellow; }
    20% { background:yellow; }
}

@keyframes blinker {  
    0% { background:yellow; }
    20% { background:yellow; }
}

input[type='radio'] {
  -webkit-appearance:none;
  width:20px;
  height:20px;
  border:1px solid darkgray;
  border-radius:50%;
  outline:none;
  box-shadow:0 0 5px 0px gray inset;
}

input[type='radio']:checked {
  box-shadow:0 0 5px 5px green inset;
}

input[type='radio']:hover {
  border:2px solid green;
}

input[type='radio']:before {
  content:'';
  display:block;
  width:60%;
  height:60%;
  margin: 20% auto;    
  border-radius:50%;    
}

div.sexy input {
    margin: 0 0 0 0;
    font: normal 12px tahoma, arial, helvetica, sans-serif;
    padding: 1px 3px;
    background: #fff url(data:image/gif;base64,R0lGODdhAQASAIMAAN7j5vDz8/P19fX39/f5+fn7+/z8/f3+/v///wAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAAQASAAAECRAEMUgxB+nNIwA7) repeat-x 0 0;
    border: 1px solid #B5B8C8;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    left: 0px;
    top: -10px;
    width:calc(100% - 17px);
}
.combo input {
    position: absolute;
}

div.sexy div.icon {
    width: 17px;
    height: 21px;
    border: 0;
    background: transparent url(data:image/gif;base64,R0lGODdhEAAYAIMAAAAAADJRi7W4yNLS0tfZ39ra2t/f4OHh4e7u7u/w8PDw8PX19fn5+fz8/QAAAAAAACwAAAAAEAAYAAAEclDISStoOGtNhPpgCGKeaH5LeYqNkLxwHLcI8iW1/ea0kim2X43GCBgbPmOAMRQgEg1l9IhDMAQGw6GoXB6yhlRhbOAuDeOxOF0+p9WCdyGMlqcG+Hwhz7/z/30CgIMDfoSBh3+GiYWCjHiLiZGHk4QpEQA7) no-repeat 0 0;
    cursor: pointer;
    border-bottom: 1px solid #B5B8C8;
    float:right;

}
.combo div.icon {
    position: absolute;
}

div.sexy div.list-wrapper {
    left: 0px;
    top: 22px;
    border: 1px solid #D9D9D9;
    background-color: #FFFFFF;
    padding: 0;
    margin: 0;
    #width: 515px;
    margin-right:-17;
    max-height: 400px;

}
.combo div.list-wrapper {
    position: absolute;
    overflow: hidden;
    height: 400px;
    max-height: 400px;
    z-index: 99999;
}
.combo .invisible {
    display: none;
}
.combo .visible {
    display: block;
}
div.sexy ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 400px;
}
div.sexy li {
    padding: 0;
    padding-left: 5px;
    font: normal 14px tahoma, arial, helvetica, sans-serif;
    background-color: #FFFFFF;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
}

.combo li {
    height: 18px;
}

li {
    display: list-item;
    text-align: left;
}

div.sexy li:hover {
    background-color: rgb(223, 232, 246);
}

.panel
{
  margin-bottom:3px;
}

.panelhead
{
  background-image:url(../gfx_html/tbl/62.gif);background-position: 0px -0px;background-repeat:repeat;
  border-radius: 3px !important;
  border:1px solid #a0a0a0 !important;
}

.bold
{
  font-weight:bold;
}

.center
{
  text-align:center;
}


/*
input[type='radio']:checked:before {
  background:green;
}*/

div,p {margin: 0; padding: 0; }
table {
  border-collapse: collapse;
  border-spacing: 0; }

html,
body {
  font-size: 100%;
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

body {
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .fso100 { width:100%; text-align:center !important; line-height:2em;} }

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .fso50 { width:50%; text-align:center !important; line-height:2em;} }
  
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .hfso {
    display: none !important; } }

@media screen and (max-width: -0.0625em), screen and (min-width: 40em) {
  .sfso {
    display: none !important; } }

@media screen and (min-width: 40em) {
  .hfm {
    display: none !important; } }

@media screen and (max-width: 39.9375em) {
  .sfm {
    display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hfmo {
    display: none !important; } }

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .sfmo {
    display: none !important; } }

@media screen and (min-width: 64em) {
  .hfl {
    display: none !important; } }

@media screen and (min-width: 100em) {
  .hfxl {
    display: none !important; } }

@media screen and (max-width: 63.9375em) {
  .sfl {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hflo {
    display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .sflo {
    display: none !important; } }

.cell {
  float: left;
  padding-left: 0.25rem;
  padding-right: 0.25rem; }
  .col:last-child, .cols:last-child {
    float: right; }
  .col.end, .end.cols {
    float: left; }

.col, .cols {
  width: 100%;
  float: left;
  padding-left: 0.25rem;
  padding-right: 0.25rem; }
  .col:last-child, .cols:last-child {
    float: right; }
  .col.end, .end.cols {
    float: left; }

.col.row, .row.cols {
  float: none; }
  
.row {
  /*max-width: 75rem;*/
  margin-left: auto;
  margin-right: auto; }
  .row::before, .row::after {
    content: ' ';
    display: table; }
  .row::after {
    clear: both; }
  .row.collapse > .col, .row.collapse > .cols {
    padding-left: 0;
    padding-right: 0; }
  .row .row {
    /*margin-left: -0.9375rem;*/
    /*margin-right: -0.9375rem;*/ }
    .row .row.collapse {
      margin-left: 0;
      margin-right: 0; }
  .row.small-collapse > .col, .row.small-collapse > .cols {
    padding-left: 0;
    padding-right: 0; }
  .row.small-uncollapse > .col, .row.small-uncollapse > .cols {
    padding-left: 30px;
    padding-right: 30px; }
  @media screen and (min-width: 40em) {
    .row.medium-collapse > .col, .row.medium-collapse > .cols {
      padding-left: 0;
      padding-right: 0; }
    .row.medium-uncollapse > .col, .row.medium-uncollapse > .cols {
      padding-left: 30px;
      padding-right: 30px; } }
  @media screen and (min-width: 64em) {
    .row.large-collapse > .col, .row.large-collapse > .cols {
      padding-left: 0;
      padding-right: 0; }
    .row.large-uncollapse > .col, .row.large-uncollapse > .cols {
      padding-left: 30px;
      padding-right: 30px; } }
  .row.expanded {
    max-width: none; }
    
.small-1 {
  width: 8.33333%; }

.small-push-1 {
  position: relative;
  left: 8.33333%; }

.small-pull-1 {
  position: relative;
  left: -8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  width: 16.66667%; }

.small-push-2 {
  position: relative;
  left: 16.66667%; }

.small-pull-2 {
  position: relative;
  left: -16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  width: 25%; }

.small-push-3 {
  position: relative;
  left: 25%; }

.small-pull-3 {
  position: relative;
  left: -25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  width: 33.33333%; }

.small-push-4 {
  position: relative;
  left: 33.33333%; }

.small-pull-4 {
  position: relative;
  left: -33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  width: 41.66667%; }

.small-push-5 {
  position: relative;
  left: 41.66667%; }

.small-pull-5 {
  position: relative;
  left: -41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  width: 50%; }

.small-push-6 {
  position: relative;
  left: 50%; }

.small-pull-6 {
  position: relative;
  left: -50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  width: 58.33333%; }

.small-push-7 {
  position: relative;
  left: 58.33333%; }

.small-pull-7 {
  position: relative;
  left: -58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  width: 66.66667%; }

.small-push-8 {
  position: relative;
  left: 66.66667%; }

.small-pull-8 {
  position: relative;
  left: -66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  width: 75%; }

.small-push-9 {
  position: relative;
  left: 75%; }

.small-pull-9 {
  position: relative;
  left: -75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  width: 83.33333%; }

.small-push-10 {
  position: relative;
  left: 83.33333%; }

.small-pull-10 {
  position: relative;
  left: -83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  width: 91.66667%; }

.small-push-11 {
  position: relative;
  left: 91.66667%; }

.small-pull-11 {
  position: relative;
  left: -91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 .col, .small-up-1 .cols {
  width: 100%;
  float: left; }
  .small-up-1 .col:nth-of-type(1n), .small-up-1 .cols:nth-of-type(1n) {
    clear: none; }
  .small-up-1 .col:nth-of-type(1n+1), .small-up-1 .cols:nth-of-type(1n+1) {
    clear: both; }

.small-up-2 .col, .small-up-2 .cols {
  width: 50%;
  float: left; }
  .small-up-2 .col:nth-of-type(1n), .small-up-2 .cols:nth-of-type(1n) {
    clear: none; }
  .small-up-2 .col:nth-of-type(2n+1), .small-up-2 .cols:nth-of-type(2n+1) {
    clear: both; }

.small-up-3 .col, .small-up-3 .cols {
  width: 33.33333%;
  float: left; }
  .small-up-3 .col:nth-of-type(1n), .small-up-3 .cols:nth-of-type(1n) {
    clear: none; }
  .small-up-3 .col:nth-of-type(3n+1), .small-up-3 .cols:nth-of-type(3n+1) {
    clear: both; }

.small-up-4 .col, .small-up-4 .cols {
  width: 25%;
  float: left; }
  .small-up-4 .col:nth-of-type(1n), .small-up-4 .cols:nth-of-type(1n) {
    clear: none; }
  .small-up-4 .col:nth-of-type(4n+1), .small-up-4 .cols:nth-of-type(4n+1) {
    clear: both; }

.small-up-5 .col, .small-up-5 .cols {
  width: 20%;
  float: left; }
  .small-up-5 .col:nth-of-type(1n), .small-up-5 .cols:nth-of-type(1n) {
    clear: none; }
  .small-up-5 .col:nth-of-type(5n+1), .small-up-5 .cols:nth-of-type(5n+1) {
    clear: both; }

.small-up-6 .col, .small-up-6 .cols {
  width: 16.66667%;
  float: left; }
  .small-up-6 .col:nth-of-type(1n), .small-up-6 .cols:nth-of-type(1n) {
    clear: none; }
  .small-up-6 .col:nth-of-type(6n+1), .small-up-6 .cols:nth-of-type(6n+1) {
    clear: both; }

.small-up-9 .col, .small-up-9 .cols {
  width: 11.11111%;
  float: left; }
  .small-up-9 .col:nth-of-type(1n), .small-up-9 .cols:nth-of-type(1n) {
    clear: none; }
  .small-up-9 .col:nth-of-type(9n+1), .small-up-9 .cols:nth-of-type(9n+1) {
    clear: both; }
    
.col.small-centered, .small-centered.cols {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.small-uncenter,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0; }

@media screen and (min-width: 40em) {
  .medium-1 {
    width: 8.33333%; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%; }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%; }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%; }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .medium-3 {
    width: 25%; }
  .medium-push-3 {
    position: relative;
    left: 25%; }
  .medium-pull-3 {
    position: relative;
    left: -25%; }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%; }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%; }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%; }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .medium-6 {
    width: 50%; }
  .medium-push-6 {
    position: relative;
    left: 50%; }
  .medium-pull-6 {
    position: relative;
    left: -50%; }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%; }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%; }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%; }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .medium-9 {
    width: 75%; }
  .medium-push-9 {
    position: relative;
    left: 75%; }
  .medium-pull-9 {
    position: relative;
    left: -75%; }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%; }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%; }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%; }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .medium-up-1 .col, .medium-up-1 .cols {
    width: 100%;
    float: left; }
    .medium-up-1 .col:nth-of-type(1n), .medium-up-1 .cols:nth-of-type(1n) {
      clear: none; }
    .medium-up-1 .col:nth-of-type(1n+1), .medium-up-1 .cols:nth-of-type(1n+1) {
      clear: both; }
  .medium-up-2 .col, .medium-up-2 .cols {
    width: 50%;
    float: left; }
    .medium-up-2 .col:nth-of-type(1n), .medium-up-2 .cols:nth-of-type(1n) {
      clear: none; }
    .medium-up-2 .col:nth-of-type(2n+1), .medium-up-2 .cols:nth-of-type(2n+1) {
      clear: both; }
  .medium-up-3 .col, .medium-up-3 .cols {
    width: 33.33333%;
    float: left; }
    .medium-up-3 .col:nth-of-type(1n), .medium-up-3 .cols:nth-of-type(1n) {
      clear: none; }
    .medium-up-3 .col:nth-of-type(3n+1), .medium-up-3 .cols:nth-of-type(3n+1) {
      clear: both; }
  .medium-up-4 .col, .medium-up-4 .cols {
    width: 25%;
    float: left; }
    .medium-up-4 .col:nth-of-type(1n), .medium-up-4 .cols:nth-of-type(1n) {
      clear: none; }
    .medium-up-4 .col:nth-of-type(4n+1), .medium-up-4 .cols:nth-of-type(4n+1) {
      clear: both; }
  .medium-up-5 .col, .medium-up-5 .cols {
    width: 20%;
    float: left; }
    .medium-up-5 .col:nth-of-type(1n), .medium-up-5 .cols:nth-of-type(1n) {
      clear: none; }
    .medium-up-5 .col:nth-of-type(5n+1), .medium-up-5 .cols:nth-of-type(5n+1) {
      clear: both; }
  .medium-up-6 .col, .medium-up-6 .cols {
    width: 16.66667%;
    float: left; }
    .medium-up-6 .col:nth-of-type(1n), .medium-up-6 .cols:nth-of-type(1n) {
      clear: none; }
    .medium-up-6 .col:nth-of-type(6n+1), .medium-up-6 .cols:nth-of-type(6n+1) {
      clear: both; }
  .col.medium-centered, .medium-centered.cols {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .medium-uncenter,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0; } }

@media screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%; }
  .large-push-1 {
    position: relative;
    left: 8.33333%; }
  .large-pull-1 {
    position: relative;
    left: -8.33333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    width: 16.66667%; }
  .large-push-2 {
    position: relative;
    left: 16.66667%; }
  .large-pull-2 {
    position: relative;
    left: -16.66667%; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-3 {
    width: 25%; }
  .large-push-3 {
    position: relative;
    left: 25%; }
  .large-pull-3 {
    position: relative;
    left: -25%; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-4 {
    width: 33.33333%; }
  .large-push-4 {
    position: relative;
    left: 33.33333%; }
  .large-pull-4 {
    position: relative;
    left: -33.33333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    width: 41.66667%; }
  .large-push-5 {
    position: relative;
    left: 41.66667%; }
  .large-pull-5 {
    position: relative;
    left: -41.66667%; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-6 {
    width: 50%; }
  .large-push-6 {
    position: relative;
    left: 50%; }
  .large-pull-6 {
    position: relative;
    left: -50%; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-7 {
    width: 58.33333%; }
  .large-push-7 {
    position: relative;
    left: 58.33333%; }
  .large-pull-7 {
    position: relative;
    left: -58.33333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    width: 66.66667%; }
  .large-push-8 {
    position: relative;
    left: 66.66667%; }
  .large-pull-8 {
    position: relative;
    left: -66.66667%; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-9 {
    width: 75%; }
  .large-push-9 {
    position: relative;
    left: 75%; }
  .large-pull-9 {
    position: relative;
    left: -75%; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-10 {
    width: 83.33333%; }
  .large-push-10 {
    position: relative;
    left: 83.33333%; }
  .large-pull-10 {
    position: relative;
    left: -83.33333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    width: 91.66667%; }
  .large-push-11 {
    position: relative;
    left: 91.66667%; }
  .large-pull-11 {
    position: relative;
    left: -91.66667%; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-12 {
    width: 100%; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-up-1 .col, .large-up-1 .cols {
    width: 100%;
    float: left; }
    .large-up-1 .col:nth-of-type(1n), .large-up-1 .cols:nth-of-type(1n) {
      clear: none; }
    .large-up-1 .col:nth-of-type(1n+1), .large-up-1 .cols:nth-of-type(1n+1) {
      clear: both; }
  .large-up-2 .col, .large-up-2 .cols {
    width: 50%;
    float: left; }
    .large-up-2 .col:nth-of-type(1n), .large-up-2 .cols:nth-of-type(1n) {
      clear: none; }
    .large-up-2 .col:nth-of-type(2n+1), .large-up-2 .cols:nth-of-type(2n+1) {
      clear: both; }
  .large-up-3 .col, .large-up-3 .cols {
    width: 33.33333%;
    float: left; }
    .large-up-3 .col:nth-of-type(1n), .large-up-3 .cols:nth-of-type(1n) {
      clear: none; }
    .large-up-3 .col:nth-of-type(3n+1), .large-up-3 .cols:nth-of-type(3n+1) {
      clear: both; }
  .large-up-4 .col, .large-up-4 .cols {
    width: 25%;
    float: left; }
    .large-up-4 .col:nth-of-type(1n), .large-up-4 .cols:nth-of-type(1n) {
      clear: none; }
    .large-up-4 .col:nth-of-type(4n+1), .large-up-4 .cols:nth-of-type(4n+1) {
      clear: both; }
  .large-up-5 .col, .large-up-5 .cols {
    width: 20%;
    float: left; }
    .large-up-5 .col:nth-of-type(1n), .large-up-5 .cols:nth-of-type(1n) {
      clear: none; }
    .large-up-5 .col:nth-of-type(5n+1), .large-up-5 .cols:nth-of-type(5n+1) {
      clear: both; }
  .large-up-6 .col, .large-up-6 .cols {
    width: 16.66667%;
    float: left; }
    .large-up-6 .col:nth-of-type(1n), .large-up-6 .cols:nth-of-type(1n) {
      clear: none; }
    .large-up-6 .col:nth-of-type(6n+1), .large-up-6 .cols:nth-of-type(6n+1) {
      clear: both; }
  .col.large-centered, .large-centered.cols {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .large-uncenter,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0; } }

@media screen and (min-width: 100em) {
  .xlarge-1 {
    width: 8.33333%; }
  .xlarge-push-1 {
    position: relative;
    left: 8.33333%; }
  .xlarge-pull-1 {
    position: relative;
    left: -8.33333%; }
  .xlarge-offset-0 {
    margin-left: 0%; }
  .xlarge-2 {
    width: 16.66667%; }
  .xlarge-push-2 {
    position: relative;
    left: 16.66667%; }
  .xlarge-pull-2 {
    position: relative;
    left: -16.66667%; }
  .xlarge-offset-1 {
    margin-left: 8.33333%; }
  .xlarge-3 {
    width: 25%; }
  .xlarge-push-3 {
    position: relative;
    left: 25%; }
  .xlarge-pull-3 {
    position: relative;
    left: -25%; }
  .xlarge-offset-2 {
    margin-left: 16.66667%; }
  .xlarge-4 {
    width: 33.33333%; }
  .xlarge-push-4 {
    position: relative;
    left: 33.33333%; }
  .xlarge-pull-4 {
    position: relative;
    left: -33.33333%; }
  .xlarge-offset-3 {
    margin-left: 25%; }
  .xlarge-5 {
    width: 41.66667%; }
  .xlarge-push-5 {
    position: relative;
    left: 41.66667%; }
  .xlarge-pull-5 {
    position: relative;
    left: -41.66667%; }
  .xlarge-offset-4 {
    margin-left: 33.33333%; }
  .xlarge-6 {
    width: 50%; }
  .xlarge-push-6 {
    position: relative;
    left: 50%; }
  .xlarge-pull-6 {
    position: relative;
    left: -50%; }
  .xlarge-offset-5 {
    margin-left: 41.66667%; }
  .xlarge-7 {
    width: 58.33333%; }
  .xlarge-push-7 {
    position: relative;
    left: 58.33333%; }
  .xlarge-pull-7 {
    position: relative;
    left: -58.33333%; }
  .xlarge-offset-6 {
    margin-left: 50%; }
  .xlarge-8 {
    width: 66.66667%; }
  .xlarge-push-8 {
    position: relative;
    left: 66.66667%; }
  .xlarge-pull-8 {
    position: relative;
    left: -66.66667%; }
  .xlarge-offset-7 {
    margin-left: 58.33333%; }
  .xlarge-9 {
    width: 75%; }
  .xlarge-push-9 {
    position: relative;
    left: 75%; }
  .xlarge-pull-9 {
    position: relative;
    left: -75%; }
  .xlarge-offset-8 {
    margin-left: 66.66667%; }
  .xlarge-10 {
    width: 83.33333%; }
  .xlarge-push-10 {
    position: relative;
    left: 83.33333%; }
  .xlarge-pull-10 {
    position: relative;
    left: -83.33333%; }
  .xlarge-offset-9 {
    margin-left: 75%; }
  .xlarge-11 {
    width: 91.66667%; }
  .xlarge-push-11 {
    position: relative;
    left: 91.66667%; }
  .xlarge-pull-11 {
    position: relative;
    left: -91.66667%; }
  .xlarge-offset-10 {
    margin-left: 83.33333%; }
  .xlarge-12 {
    width: 100%; }
  .xlarge-offset-11 {
    margin-left: 91.66667%; }
  .xlarge-up-1 .col, .xlarge-up-1 .cols {
    width: 100%;
    float: left; }
    .xlarge-up-1 .col:nth-of-type(1n), .xlarge-up-1 .cols:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-1 .col:nth-of-type(1n+1), .xlarge-up-1 .cols:nth-of-type(1n+1) {
      clear: both; }
  .xlarge-up-2 .col, .xlarge-up-2 .cols {
    width: 50%;
    float: left; }
    .xlarge-up-2 .col:nth-of-type(1n), .xlarge-up-2 .cols:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-2 .col:nth-of-type(2n+1), .xlarge-up-2 .cols:nth-of-type(2n+1) {
      clear: both; }
  .xlarge-up-3 .col, .xlarge-up-3 .cols {
    width: 33.33333%;
    float: left; }
    .xlarge-up-3 .col:nth-of-type(1n), .xlarge-up-3 .cols:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-3 .col:nth-of-type(3n+1), .xlarge-up-3 .cols:nth-of-type(3n+1) {
      clear: both; }
  .xlarge-up-4 .col, .xlarge-up-4 .cols {
    width: 25%;
    float: left; }
    .xlarge-up-4 .col:nth-of-type(1n), .xlarge-up-4 .cols:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-4 .col:nth-of-type(4n+1), .xlarge-up-4 .cols:nth-of-type(4n+1) {
      clear: both; }
  .xlarge-up-5 .col, .xlarge-up-5 .cols {
    width: 20%;
    float: left; }
    .xlarge-up-5 .col:nth-of-type(1n), .xlarge-up-5 .cols:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-5 .col:nth-of-type(5n+1), .xlarge-up-5 .cols:nth-of-type(5n+1) {
      clear: both; }
  .xlarge-up-6 .col, .xlarge-up-6 .cols {
    width: 16.66667%;
    float: left; }
    .xlarge-up-6 .col:nth-of-type(1n), .xlarge-up-6 .cols:nth-of-type(1n) {
      clear: none; }
    .xlarge-up-6 .col:nth-of-type(6n+1), .xlarge-up-6 .cols:nth-of-type(6n+1) {
      clear: both; }
  .col.xlarge-centered, .xlarge-centered.cols {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .xlarge-uncenter,
  .xlarge-push-0,
  .xlarge-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0; } }
    
p {
  text-decoration:none;
  font-size: inherit;
  line-height: 1;
  margin-bottom: 0.2rem;
  text-rendering: optimizeLegibility; }
  
.text-left {
  text-align: left; }
.text-right {
  text-align: right; }

.thumbnail {
  border: solid 4px #fefefe;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  display: inline-block;
  line-height: 0;
  width: 300px;
  max-width: 100%;
  transition: box-shadow 200ms ease-out;
  border-radius: 0;
  margin-bottom: 1rem; }
  .thumbnail:hover, .thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5); }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }
  
.wrapme {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}