/*NOVE STYLY PRO STSP MB*/
.h1, .h2, .h3, h1, h2, h3{margin:0!important}
.right{float: right;}
.center{text-align: center;}
.row{margin-right: 0!important;margin-left: 0px!important}
.col-md-12 .row {margin: 0 -15px!important}
.left.col-sm-4 img{margin-top:.8em}
.btn{padding:3px!important}
#urady input {padding:7px 14px!important;font-size: 120%}
.gray-border{border:1px solid #dbd9d9; padding:2px 9px;border-radius: 2}
.img-responsive img {display: block;max-width: 100%;height: auto;}
iframe{border:none; width:auto; padding: 0; border: none; overflow:hidden;}
/*----odsazeni vydano, tema od nadpisu, obsahu---*/
div.light_prvek .left.col-sm-6 h3{margin-bottom:6%!important}
div.light_prvek .left.col-sm-8 h3{margin-bottom:2%!important; line-height:1.3em;}
div.light_prvek .left.col-sm-8 p{margin:2% 0; text-align: justify;}
#wrap{max-width:100%!important}

/*LEADERBOARD*/
.leaderboard{max-width: 1000px!important; margin: auto;}
.hidden-leaderboard{display: none;}

/*FULLBANNER*/
.hidden-fullbanner{display:none; height: 20px !important;}
#box1 {height: auto; width: 470px; position: absolute; left: 0; margin-left: 2px; margin-top:15px}
#box2 {height: auto; width: 470px; position: absolute; right: 0;margin-right: 2px; margin-top:15px}
/*Fixed Menu*/
  .fix-body {/* this will adjust body top margin to prevent content jumping when nav gets fix  */    
    margin-top: 0px; }

/*NAVIGACE*/
#myNavbar{margin-left: 15%;}
#podmenu{height:50px!important; margin-top: -29px;z-index: 1000}
.navbar {min-height:0px!important;margin-bottom:0px!important;border:0px}
.navbar-inverse{background-color: #3152B7; height:50px; z-index:999}
.mainmenu{background-color: #fff!important}
.mainmenu li{padding:0; margin:O}
.mainmenu li:hover, .mainmenu li.active{background:#3152B7}
.mainmenu .navbar-right {margin-right: 0px}
.mainmenu .navbar-right li:hover{background-color: transparent!important}
.mainmenu li a {background:transparent!important;color:#3152B7!important; padding:10px 20px;text-transform:uppercase}
.mainmenu li.active a, .mainmenu li:hover a {color:#fff!important}
.mainmenu .nabrar-right li{background-color: transparent!important}
.mainmenu .navbar-right li a, .mainmenu .navbar-right li a:hover{color:#315287!important;}
.container-fluid .navbar-brand {margin-left: -20px!important; margin-top: -5px;}
.navbar-inverse{background:#3152B7; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;border-color:#3152B7;position:relative}
.navbar-inverse .navbar-nav > li > a {color: #E5E5E5;}
.navbar-header a{color:#fff!important; letter-spacing:2px;min-width:200px;max-width:200px; margin:auto}
#myNavbar .navbar-nav {background-color: #3152B7;}
.navbar-nav .navbar-nav li a:hover{text-decoration:underline;background-color: transparent;!important}
.navbar-collapse{position:relative}
.dropdown-menu{margin-top:13px!important;padding-left:8px;}
.dropdown-menu li:hover{background-color: #3152b7;}
li.dropdown a:first-child{padding-right:0px!important}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff; background-color: #3152B7;}

/*SEARCH*/
.navbar-nav > li > .dropdown-menu{padding:0px;margin-right: -10px; margin-top:7px!important}
.navbar-nav > li > .dropdown-menu input{width: 250px!important;height: 33px;padding:0 6px}
iframe {-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px}

/*VYHLEDAVANI*/

/*PAGINATION*/
.pagination, .pagination i, .badge{font-size: 150%}

/*RIGHTCOOL*/
.rightcoll-caption{color:#FFFFFF; font-size:130%; font-weight:bold; padding:5px 0;text-align: center!important}
.rightcoll-caption a, .hBlue a{color:#fff!important}
.shadow {-webkit-box-shadow: -1px 4px 4px -2px rgba(102,102,102,0.63);
-moz-box-shadow: -1px 4px 4px -2px rgba(102,102,102,0.63);
box-shadow: -1px 4px 4px -2px rgba(102,102,102,0.63);}
.pink{background-color:#AF196F;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px}
.red{background-color:#DA3303;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px}
.hBlue{background-color:#3152B7;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px}
.hBlue.rightcoll-caption{font-size:120%;color:#fff;padding:5px 0 5px 10px!important;text-align:left!important;margin-bottom: 10px;}
.facebook{color:#3B5998!important}
.twitter{color:#1DA1F3!important}
.google{color:#DE4A3E!important}
#dodkazy_ ul, #dodkazy1 ul, #dodkazy2 ul, #dodkazy3 ul{list-style-type: none}
#dodkazy_ ul li:before {font-family: 'FontAwesome'; content: '\f009'; font-size:.67em; color:#deb7ac; padding:0 3% 3px}
#dodkazy1 ul li:before {font-family: 'FontAwesome'; content: '\f042'; font-size:.67em; color:#deb7ac; padding:0 3% 3px}
#dodkazy2 ul li:before {font-family: 'FontAwesome'; content: '\f14a '; font-size:.67em; color:#DA3303; padding:0 3% 3px}
#dodkazy3 ul li:before {font-family: 'FontAwesome'; content: '\f142'; font-size:.67em; color:#3152B7; padding:0 3% 8px}

/* FOOTER*/
#bottnav {text-align: left!important;padding:0; margin: auto; background-color: transparent!important}
#bottom ul {list-style-type: none!important;}
#bottom li:before{content: '\f111'; font-size:7px; color:#bababa!important}
#bottnav li a{color:#f5f5f5;}
#bottnav h4{color:#fff; margin-left:15px}
#bottnav span.bold{color:#fff; font-weight:bold}
#bottnav .col-md-12 > div:nth-child(1) {background-color: #334455}
#bottnav .col-md-12 > div:nth-child(2) {background-color: #2B3A48;}

/*ANKETA*/
#anketa h5{position:relative; font-size:105%; margin-left:5%;}
#anketa h5 span{background: #444!important;position:absolute; top:0px; right:23%; padding: 6px 8px 4px;}
#anketa .btn {padding: 0px !important;border-color: #fff !important;margin-left: -20px !important; margin-top: -5px;  font-size: 140%;}
#anketa .progress {height:16px!important;background-color: #f6dfdf!important}
#anketa .alert-info{text-align:center; padding:5px 0px; margin-top: 16px;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px}
#anketa .alert-info #total{font-weight:900; font-size:120%}
/*back-to-top*/
a.back-to-top {		 display: none;		 width: 30px; height: 30px; text-indent: -9999px; position: fixed; z-index: 999;
		 right: 5%; bottom: 20px; background: #315287 url("https://search.webdepozit.sk/webarchiv/public/20180524183145/https://www.statnisprava.cz/rstsp/grafickeprvky.nsf/up-arrow.png") no-repeat 47% 42%; -webkit-border-radius: 30px;
		 -moz-border-radius: 30px; border-radius: 30px; opacity: .6}
a.back-to-top:hover {opacity: .87}

/*CLANEK*/
#clanek{position: relative}
#clanek > div:nth-child(1) {min-width: 300px;padding-bottom: 1%}
#clanek > div:nth-child(2) {position: absolute;top: 205px;left: 10px; max-width: 450px;min-width: 300px;
}
.well-sm{padding:6px}
.clanek-photogallery a, .zpravy_emailem a{color:#bababa!important; text-decoration:none!important;padding-right:6px}
.clanek-photogallery, .zpravy_emailem {border-right:6px solid #ff0000;}
.thumbnail a {color:#bababa!important;}
.thumbnail a span.photogallery-caption{ text-decoration: none; padding-right:50px; border-right:6px solid #FF0000}
.caption{color: #FFFFFF;font-size: 130%;font-weight: bold;padding: 10px 0px 9px 10px;margin-bottom: 20px;}
#breadcrumbs {padding-top: 0px;padding-bottom: 10px; margin-left: 20px;}
/*Hlavni nadpis*/
h1{font-size: 100%!important}
h2{font-size: 90%!important}
h3{font-size: 80%!important}
/*Nadpis-clanek dne*/
.light_prvek .col-sm-6 h3:nth-child(1){font-size:1.8em!important; line-height:1.3em;margin-top:3px!important}
.light_prvek .col-sm-8 h3{font-size:1.4em!important; line-height:1.1em; margin-top:3px!important}
/*DETAIL ČLÁNKU*/
.detail-clanku{margin:5px 15px 10px 0; float:left; max-width: 350px;}
.diskuse {font-size:120%;font-weight:700;margin-top:10px;}
/*Nadpis Souvisejici*/
.alert-info {color: #31708f !important;}

/*MEDIA*/
@media screen and (min-width:991px){
    .fix-nav {   /* this make our menu fixed top */    
    z-index: 9999;position: fixed;top: 0;width: 998px;margin: auto !important;}
}
@media screen and (min-width:931px) and (max-width:990px){
    .navbar-nav .navbar-nav li a {font-size:100%;padding: 15px 20px 0px 0px;}
    .fix-nav {   /* this make our menu fixed top */    
    z-index: 9999;position: fixed;top: 0;width: 99.75%!important;margin: auto !important;}
}
@media screen and (min-width:901px) and (max-width:930px){
    .navbar-nav .navbar-nav li a {font-size:100%;padding: 15px 16px 0px 0px;}
    .fix-nav {   /* this make our menu fixed top */    
    z-index: 9999;position: fixed;top: 0;width: 99.75%!important;margin: auto !important;}
}
@media screen and (min-width:851px) and (max-width:900px){
    .navbar-nav .navbar-nav li a {font-size:96%;padding: 15px 16px 0px 0px;}
    .fix-nav {   /* this make our menu fixed top */    
    z-index: 9999;position: fixed;top: 0;width: 99.75%!important;margin: auto !important;}
}
@media screen and (min-width:801px) and (max-width:850px){
    .navbar-nav .navbar-nav li a {font-size:89%;padding: 16px 14px 0px 0px;}
    .fix-nav {   /* this make our menu fixed top */    
    z-index: 9999;position: fixed;top: 0;width: 99.75%!important;margin: auto !important;}
}
@media screen and (min-width:768px) and (max-width:800px){
    .navbar-nav .navbar-nav li a {font-size: 85%;padding: 16px 8px 0px 0px;}
    .fix-nav {   /* this make our menu fixed top */    
    z-index: 9999;position: fixed;top: 0;width: 99.75%!important;margin: auto !important;}
}
@media screen and (min-width:768px){
		 /*Fixed navigation*/
  
  .fix-body {/* this will adjust body top margin to prevent content jumping when nav gets fix  */    
    margin-top: 0px; width:auto}
		 .mainmenu {padding-left:100px}
		 /*scroll navbar-collapse for mobile*/
		 #myNavbar > ul:nth-child(1){position:absolute;right:20px}
		 #podmenu{margin-top: 0px}
		 .col-sm-6 {width: 50%!important;}
		 .navbar-nav .navbar-nav li a {color: #fff!important;}
		 #myNavbar .navbar-nav .dropdown-menu {left: -37px !important;top: 35px;background: #fff;}

/*SUBMENU SLUŽBY*/
		 .navbar-nav{margin-right:-6px!important}
		 li.sluzby a {padding-right:0!important}
		 .mainmenu .navbar-right li.logout a {color:#bababa!important;}
		 li.sluzby ul.sluzby-menu, li.logout ul{position: absolute;right: -24px !important; top: 35px; background: #fff;
    z-index: 1000; display: none; float: left; min-width: 180px; padding: 5px 0; margin: 2px 0 0;
    font-size: 14px;text-align: left;list-style: none; background-color: #fff; -webkit-background-clip: padding-box;
    background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 2px;
    -webkit-box-shadow: 0 6px 6px rgba(0,0,0,.175); box-shadow: 0 6px 6px rgba(0,0,0,.175);
  }
  		 li.logout ul {right: 10px !important;font-size: 85% !important;min-width: 130px !important;max-width: 130px;}
    .navbar-nav .sluzby-menu li{border-top: 1px solid #D5DCED;margin-left: 4%; width: 92%;line-height: 2.3em}
  		 .navbar-nav .sluzby-menu li:first-child{border:none;}
  		 .navbar-nav .sluzby-menu li a{color: #3152B7 !important; margin-left:4%;}

/*SUBMENU SLUŽBY/ hover efekt / zobrazení položek*/ 
  		 li.sluzby:hover ul.sluzby-menu, li.logout:hover ul.logout-menu{display: block;}
}
		 #myNavbar .navbar-nav .dropdown-menu li{border-bottom: 1px solid #3152B7;margin-left: -4px;
width: 99%;}
		 #myNavbar .navbar-nav .dropdown-menu li:hover{background-color: #fff}
		 #myNavbar .navbar-nav .dropdown-menu li:last-child{border-bottom: none}
		 #myNavbar .navbar-nav .dropdown-menu a{color:#3152B7!important}

@media screen and (max-width: 767px){
		 #content.col-sm-8{padding-bottom:5%}
		 .fix-nav {position: fixed;top: 0;width:100%;}
		 .mainmenu .navbar-right li a, .mainmenu .navbar-right li a:hover {padding: 2px 5px!important; color:#fff!important;}
		 .navbar-right{position: absolute;right: 4.5em; padding-top: 6px; z-index: 2000;}
		 .mainmenu .dropdown, #topmenu > nav > ul.nav.navbar-nav.navbar-right > li:nth-child(2) {
    padding: 0;
    display: inline-block;
    font-size:150%;
    margin-left: -8px 
}
		 #podmenu > nav > div > div.navbar-header{margin-right: 40px}
		 .navbar-nav .navbar-nav li a {font-size: 98%!important; padding:0 0 0 6%!important;}
		ul .nav {max-width:97%;}
		 #box1,#box2 {position:relative!important;max-width: 100%!important}

		 #podmenu {height: 0px!important; margin-top: 50px!important; overflow: visible;}
		 .container-fluid .navbar-brand {margin-left: -10px!important; margin-top: -3px;}
		 .left.col-sm-* {padding-top:7px}
		 #podminka{position: absolute;top}
		
		#myNavbar{margin:0!important;}
		 #myNavbar .navbar-nav{padding-left:18px;opacity:.93;margin-top:-6px}
		 .sluzby-menu li a{margin:0;color:#fff!important}
		 .fix-nav {   /* this make our menu fixed top */    
		 z-index: 9999;position: fixed;top: 0;width: 99.75%;margin: auto !important;}
		 .fix-body {margin-top: 65px;}
		 .navbar-nav .open .dropdown-menu { position: absolute!important;}
		 .navbar-nav .open .dropdown-menu {    margin-top: 15px !important;
    margin-left: -220px;}
		 #myNavbar .nav li{margin-top:-.33em}
		 #myNavbar .nav li:first-child{margin-top:2px}
		 #myNavbar .nav li .nav.navbar-nav{margin-top:-.7em}
		 #myNavbar .navbar-nav .dropdown-menu li:hover{background-color: transparent!important}
         /*skupiny boldem v hamburgeru*/
         #myNavbar .visible-xs { display: block !important; font-weight: bold;}
         #myNavbar .visible-xs .navbar-nav li a {font-weight: normal;}

		 /*logout*/
		 li.logout ul{z-index: 1000; display: none; float: left; min-width: 180px; padding: 5px 0; margin: 2px 0 0;
    font-size: 14px;text-align: left;list-style: none; background-color: #fff; -webkit-background-clip: padding-box;
    background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 2px;
    -webkit-box-shadow: 0 6px 6px rgba(0,0,0,.175); box-shadow: 0 6px 6px rgba(0,0,0,.175);
  }
  		 li.logout ul {position: absolute;left: 4px !important;
top: 22px; background: #fff;font-size: 85% !important;min-width: 130px !important;max-width: 130px;}
  		 /*zobrazeni subpolozky*/
  		 li.sluzby:hover ul.sluzby-menu, li.logout:hover ul.logout-menu{display: block;}

}

/*PAGE URADY*/
/*mapa/odsazeni*/
object{padding-bottom: 3%}
/*nastaveni poctu sloupcu, odsazeni a delici cara*/
.offer-menu{
		 -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 90px; /* Chrome, Safari, Opera */
    -moz-column-gap: 90px; /* Firefox */
    column-gap: 90px;
}
/*vlozeni odrazky*/
.offer-menu li::before {
    font-family: 'FontAwesome';
    content: '\f009';
    font-size: .6em;
    color: #deb7ac;
    padding: 0 3% 3px;
}

/*FOTOGALERIE*/
#fotogalerie{
		 background: #23211F !important;
}
#fotogalerie table{
		 margin-top: 2%;
}

#fotogalerie td:nth-child(2){
		 padding:0 20px
}

#fotogalerie .round {
		 overflow: hidden;
		 -webkit-border-radius: 6px 6px 6px 6px;
		 -moz-border-radius: 6px 6px 6px 6px;
		 border-radius: 6px 6px 6px 6px;
}
#fotogalerie .shad {
  -moz-box-shadow:    2px 2px 3px 0px #ddd;
  -webkit-box-shadow: 2px 2px 3px 0px #ddd;
  box-shadow:         2px 2px 3px 0px #ddd;
}
#fotogalerie td img {
    width: 100%;
    height: auto;
}
/*dynamic tables*/
.nav-tabs > li > a {padding:6px 9px}
.nav-tabs h4 {font-size: 1.4rem; font-weight:700}
/*fotogalerie*/
.lightbox-wrap * {
  padding: 0;
  margin: 0;
}
/* Mask layer */
.lightbox-mask {
  position: fixed;
  top: 0;
  left: 0;
  background: #222;
  opacity: .78;
  z-index: 1000;
  display: none;
  cursor: pointer;
}
.lightbox-wrap .lightbox-skin,
.lightbox-wrap .lightbox-outer,
.lightbox-wrap .lightbox-inner {
  width: auto;
  height: auto;
  margin: auto;
}
.lightbox-loading,
.lightbox-skin .lightbox-closeBtn,
.lightbox-skin .lightbox-prevBtn span,
.lightbox-skin .lightbox-nextBtn span {
  background: url('https://search.webdepozit.sk/webarchiv/public/20180524183145/https://www.statnisprava.cz/rstsp/grafickeprvky.nsf/lightbox_sprite.png');
}
.lightbox-wrap .lightbox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.lightbox-skin .lightbox-closeBtn {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -13px;
  margin-right: -13px;
  cursor: pointer;
  width: 36px;
  height: 34px;
  background-position: 0 0;
  z-index: 1060;
}
.lightbox-skin .lightbox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  background: transparent url(https://search.webdepozit.sk/webarchiv/public/20180524183145/https://www.statnisprava.cz/rstsp/img/transparent.png);
  cursor: pointer;
  z-index: 1040;
}
.lightbox-skin .lightbox-nav:hover span {
  visibility: visible;
}
.lightbox-skin .lightbox-nav span {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  width: 36px;
  height: 34px;
  z-index: 1040;
  visibility: hidden;
}
.lightbox-skin .lightbox-prevBtn {
  left: 0px;
}
.lightbox-skin .lightbox-prevBtn span {
  left: 20px;
  background-position: 0 -36px;
}
.lightbox-skin .lightbox-nextBtn {
  right: 0px;
}
.lightbox-skin .lightbox-nextBtn span {
  right: 20px;
  background-position: 0 -72px;
}
.lightbox-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  z-index: 1050;
}
.lightbox-loading div {
  background: url('https://search.webdepozit.sk/webarchiv/public/20180524183145/https://www.statnisprava.cz/rstsp/img/lightbox_loading.gif') center center no-repeat;
  width: 44px;
  height: 44px;
}
.lightbox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
}
.lightbox-wrap .lightbox-outer,
.lightbox-wrap .lightbox-skin {
  position: relative;
}
.lightbox-wrap .lightbox-skin,
.lightbox-wrap .lightbox-outer,
.lightbox-wrap .lightbox-image {
  background-color:#302b2b;
  border-radius: 10px;
}
/* Title helper */
.lightbox-wrap .lightbox-title {
  font: normal 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 1030;
  width: 80%;
}
.lightbox-wrap .lightbox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 40px;
  line-height: 40px;
  vertical-align: middle;
  color: #FFF;
  background: #000;
  background: rgba(0, 0, 0, .7);
}
.lightbox-wrap .lightbox-title-over p {
  float: left;
  padding-top: 5px;
}
.lightbox-wrap .lightbox-title p {
  padding-left: 10px;
}
.lightbox-wrap .lightbox-title span {
  float: right;
  padding-right: 10px;
}
.lightbox-wrap .lightbox-title-inside {
  padding-bottom: 5px;
}
.lightbox-wrap .lightbox-outer + .lightbox-title-inside {
  padding-top: 5px;
  padding-bottom: 0;
}
/*menu ala MF*/
.float-nav {
  position: fixed;
  bottom: 30px;
  right: 20px;
  z-index: 2;
}
.float-nav > .menu-btn {
  text-decoration: none;
  display: block;
  background-color: #cc3333;
  color: white;
  padding: 7px 10px 5px 10px;
  box-shadow: 2px 2px 8px #777;
  -webkit-box-shadow: 2px 2px 8px #777;
  -moz-box-shadow: 2px 2px 8px #777;  
  border-radius: 300px;
  opacity: .66;
}
.float-nav > .menu-btn:hover{
  opacity:1;
}
.float-nav > .menu-btn.active {
  transition: background-color 5ms linear;
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  padding-right: 19px;
}
.float-nav > .menu-btn > ul > li.line:nth-child(1) {
  border-width: 2px;
  -moz-transform: translate(1px, 5px);
  -ms-transform: translate(1px, 5px);
  -webkit-transform: translate(1px, 5px);
  transform: translate(1px, 5px);
}
.float-nav > .menu-btn > ul > li.line:nth-child(2) {
  border-width: 2px;
  -moz-transform: rotate(-90deg) translate(3px, 1px);
  -ms-transform: rotate(-90deg) translate(3px, 1px);
  -webkit-transform: rotate(-90deg) translate(3px, 1px);
  transform: rotate(-90deg) translate(3px, 1px);
}
.float-nav > .menu-btn.active > ul > li.line:nth-child(1) {
  border-width: 2px;
  -moz-transform: rotate(45deg) translate(4px, 6px);
  -ms-transform: rotate(45deg) translate(4px, 6px);
  -webkit-transform: rotate(45deg) translate(4px, 6px);
  transform: rotate(45deg) translate(4px, 6px);
}
.float-nav > .menu-btn.active > ul > li.line:nth-child(2) {
  border-width: 2px;
  -moz-transform: rotate(-45deg) translate(0px, -2px);
  -ms-transform: rotate(-45deg) translate(0px, -2px);
  -webkit-transform: rotate(-45deg) translate(0px, -2px);
  transform: rotate(-45deg) translate(0px, -2px);
}
.float-nav > .menu-btn > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.float-nav > .menu-btn > ul > li.line {
  border: 1px solid white;
  width: 80%;
  margin-bottom: 4px;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.float-nav > .menu-btn > .menu-txt {
  text-align: center;
  font-size: 8px;
  font-family: sans-serif;
}
.main-nav {
  display: none;
  opacity: 0;
  font-family: sans-serif;
  position: fixed;
  bottom: 30px;
  right: 20px;
  transition: opacity 250ms;
}
.main-nav.active {
  display: block;
  opacity: 1;
  transition: opacity 250ms;
}
.main-nav > ul {
  width: 100%;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #cc3333;
  box-shadow: 2px 2px 8px #777;
  -webkit-box-shadow: 2px 2px 8px #777;
  -webkit-box-shadow: 2px 2px 8px #777;
  border-radius: 3px 3px 33.5px 3px;
}
.main-nav > ul > li{
  transform: translate(0px, 0px)!important;
  box-shadow: none!important;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
}
.main-nav > ul > li > a {
  text-decoration: none;
  display: block;
  font-weight: 200;
  padding: 8px 22px 12px 18px;
  color: white;
  font-size: .8rem;
}
.main-nav > ul > li > a i:hover {
  font-weight:900;
}
.main-nav > ul > li:nth-child(3) {
  padding-bottom: 34px;
  margin-top:-5px;
}






/*
     FILE ARCHIVED ON 18:31:45 May 24, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 2:01:55 Sep 24, 2025.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/