/*
Theme Name:     UNMZ TwoDot
Theme URI:      https://wordpress.org/themes/wp-bootstrap-starter/
Description:    A child theme bootstrap
Author:         eBS and Twodot
Author URI:     https://e-bs.cz
Template:       wp-bootstrap-starter
Version:        1.0
*/


/****************************************
*** Theme customization starts below ***
*****************************************/


/* ------------------ Fonts ------------------ */


/* @import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');*/

@font-face {
    font-family: "Roboto";
    src: url("assets/fonts/Roboto/Roboto-Regular.ttf");
}


/*font-family: 'Muli', sans-serif; */

* {
    font-family: 'Roboto', sans-serif;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

.opensans {
  font-family: "Open Sans", sans-serif;
}


/* bootstrap classes */

.jumbotron {
    padding: 1rem 0 0 0.5rem;
    margin-bottom: 0
}


/* specific blocks */


/* Show it is fixed to the top */

nav.fixed-top {
    position: sticky;
}

header#masthead {
    background-color: white;
    box-shadow: none;
}

a {
    color: #0b4c88;
    text-decoration: none;
    background-color: transparent;
}

#header1-sidebar {
    width: 100%
}

#header1-sidebar section.widget_search {
    margin: 0
}

#header1-sidebar #search_form {
    height: 0
}
.tabulka
{
	width: 674px;
	font-size: 90%
}
.tabulka td, .tabulka th
{
	border-bottom: 1px solid #156D9F;
	padding: 4px 10px 4px 10px
}
.tabulka td.nadpistab, .tabulka th.nadpistab
{
	color: #000000;
	font-weight: bold;
	border-top: 1px solid #156D9F;
	background-color: #C7DBFF
}
.tabulka td.nadpistabn, .tabulka th.nadpistabn
{
	color: #000000;
	font-weight: bold;
	background-color: #C7DBFF
}
.tabulka th, .tabulka th.nadpistab, .tabulka th.nadpistabn
{
	text-align: left
}
.tabulka td.tdcolor
{
	background-color: #ECF2FD
}

.lang {
    font-size: 0.75em;
    font-weight: bold;
    padding-bottom: 0.25em;
}

a:hover {
    color: #D2232A;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.carousel-inner {
    max-height: 600px;
    margin: auto;
}

.carousel-caption {
    position: absolute;
    left: 20%;
    top: 10%;
    max-height: 300px;
    max-width: 600px;
    z-index: 10;
    padding: 20px 2em;
    color: #fff;
    text-align: left;
    background-color: rgba(12, 66, 127, .8);
}

.carousel-caption h4 {
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
}

.carousel-caption footer {
    margin-top: 2em;
    color: #fff;
}

.carousel-caption footer a.button {
    padding: .5em;
    color: #fff;
    background-color: #FFFFFF40;
    border-radius: .2em;
}

.icon-block {
    margin: .2em;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 0;
    transition: padding 0.3s;
    min-width: 6em;
    min-height: 6em;
}

.icon-block:hover {
    color: navy;
    padding-top: .5em;
    padding-bottom: .5em;
}

.icon-block .svg-icon {
    background-repeat: no-repeat;
    background-position: center .5em;
    background-size: 2em 2em;
    min-height: 4em;
}

.icon-block:hover .svg-icon {
    filter: invert(41%) sepia(19%) saturate(2839%) hue-rotate(199deg) brightness(70%) contrast(100%);
}

.icon-block:hover {
    background-color: white;
}

.form-inline .form-control.search {
    border-radius: 1.2em;
    border: 2px solid #EFF2F5;
    text-align: left;
    font-size: .9em;
    background: url('assets/images/icons/top/un_search_red.svg') no-repeat;
    background-position: .5em .5em;
    background-size: 1em;
    padding: .3em .3em .3em 1.8em;
    width: 11em;
    transition: width 0.2s;
}

input.search::-webkit-input-placeholder,

/* Edge */

input.search:-ms-input-placeholder,

/* Internet Explorer */

input.search::placeholder {
    color: lightgray;
    opacity: 1;
}

.form-inline .form-control.small {
    border: none;
    background-image: url('assets/images/icons/top/un_search.svg');
    width: 1em;
}

input.small:hover {
    background-image: url('assets/images/icons/top/un_search_red.svg');
}

#nav-main .nav-item {
    margin-left: 1em;
    min-height: 4em;
    padding-top: 1em;
}

#nav-main .nav-item:first-child {
    padding-right: 1em;
}

#nav-main .nav-item .nav-link,
.icons h5 {
    text-transform: uppercase;
    color: #464646;
}

.logo img {
    max-height: 3.5em;
    margin-bottom: 0
}


/* #menu-item-704 > .dropdown-menu {display: block} */

#nav-main .nav-item .nav-link {
    font-weight: bold;
    border-bottom: 3px solid white;
}

#nav-main .nav-item .nav-link.active {
    border-bottom-color: #F35958;
}

#nav-main .nav-item a.nav-link:hover {
    background: transparent;
    text-decoration: none;
    color: #F35958;
    border-bottom-color: #F35958;
}

#nav-main .menu-item>.dropdown-menu {
    background-color: rgba(16, 75, 134, .8);
    color: white;
    margin-top: 0;
    border: none;
    border-radius: initial;
}

#nav-main .menu-item a.nav-link:hover {
    background: transparent
}

#nav-main .menu-item>.dropdown-menu li {
    /* padding-left: 1em;*/
    text-align: left;
    min-width: 17.2em;
}

.dropdown-menu.show,
#navbarCollapse.show .logo {
    display: none;
}

.navbar-light .navbar-close {
    background-image: url(assets/images/icons/global/cross.svg);
}

#nav-main .menu-item>.dropdown-menu li a {
    color: white
}

#nav-main .menu-item>.dropdown-menu .dropdown-menu {
    background-color: transparent;
    color: transparent;
    border-color: transparent;
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden;
}

.navbar .navbar-collapse {
    text-align: center;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
    content: normal;
}

#front-page article.page header.entry-header {
    display: none;
}

#front-page article.page div.entry-content {
    margin-top: 0;
    color: #818A94;
}

#front-page article.page div.entry-content strong {
    color: #C4CBD2;
    font-weight: normal;
}

#front-page article.page div.entry-content h2 {
    color: white;
    text-align: left;
    background: none;
    font-size: 1.5rem;
}

#icon-section h1,
.home h1,
#icon-section h2,
.home h2 {
    text-align: center;
    font-weight: bold;
    padding-bottom: .5em;
    background: no-repeat bottom center url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108 4' width='108' height='4'%3e%3crect width='108' height='4' fill='%230C427F' /%3e%3c/svg%3e");
}


.h_iframe iframe {top:0;left:0;width:100%; height:1100px;}

.bg-navy {
    background-color: #0F1B3B;
    color: white;
}

.parent-702 .bg-navy {
    background-color: white;
    color: #0F1B3B;
}

.parent-702 .bg-navy h1.page-title {
    color: #0F1B3B;
}

.parent-702 .btn-unmz-outline-light {
    border-color: black;
    color: black;
}

.parent-702 .btn-unmz-outline-light a {
    color: black;
}

h1.page-title.thumbnail {
    padding-left: 1.75em;
    background-size: 1.25em 1.25em;
    background-repeat: no-repeat;
}

.breadcrumbs {
    line-height: 2em;
}

.entry-header .breadcrumbs span[typeof="ListItem"],
.entry-header .breadcrumbs span.current-item {
    background: #FFFFFF26 0 0 no-repeat padding-box;
    padding: .5em 1em;
    border-radius: .2em;
    font-size: 0.75em;
    text-transform: uppercase;
}

.entry-header .breadcrumbs span[typeof="ListItem"]:hover,
.entry-header .breadcrumbs span.current-item:hover {
    background-color: #FFFFFF50;
}

.entry-header .breadcrumbs a {
    color: #C4CBD2;
    text-decoration: none;
}

.parent-702 .entry-header {
    /* background-color: #C4CBD2; */
}

section.parent-2 .entry-header {
    /* Metrologie */
    background-image: url(assets/images/icons/metrologie/un_metrologie-cover.svg);
}

section.parent-21 .entry-header {
    /* Statni zkusebnictvi */
    background-image: url(assets/images/icons/zkusebnictvi/un_statnizkusebnictvi-cover.svg);
}

section.parent-23 .entry-header {
    /* Mezinarodni vztahy */
    background-image: url(assets/images/icons/mezinarodni/un_mezinardnivztahy-cover.svg);
}

#single .entry-header,
#archive .entry-header {
    padding-top: 2em;
    padding-bottom: 1em;
}

#single .entry-header .breadcrumbs span[typeof="ListItem"],
#single .entry-header .breadcrumbs span.current-item,
#archive .entry-header .breadcrumbs span[typeof="ListItem"],
#archive .entry-header .breadcrumbs span.current-item,
.parent-702 .entry-header .breadcrumbs span[typeof="ListItem"],
.parent-702 .entry-header .breadcrumbs span.current-item {
    background: #EFF2F5 0 0 no-repeat padding-box;
    padding: .5em;
    border-radius: .2em;
}

#single .entry-header .breadcrumbs span[typeof="ListItem"]:hover,
#single .entry-header .breadcrumbs span.current-item:hover,
#archive .entry-header .breadcrumbs span[typeof="ListItem"]:hover,
#archive .entry-header .breadcrumbs span.current-item:hover,
.parent-702 .entry-header .breadcrumbs span[typeof="ListItem"]:hover,
.parent-702 .entry-header .breadcrumbs span.current-item:hover {
    background-color: #C4CBD2;
    color: black;
}

.entry-header .breadcrumbs a {
    color: #C4CBD2;
    text-decoration: none;
}

#single .entry-header .breadcrumbs a {
    color: #818A94;
    text-decoration: none;
}

#single .entry-header .breadcrumbs span[typeof="ListItem"]:hover a,
#archive .entry-header .breadcrumbs span[typeof="ListItem"]:hover a,
.parent-702 .entry-header .breadcrumbs span[typeof="ListItem"]:hover a {
    color: black;
}

.entry-header h1 {
    color: white;
    text-align: left;
    padding-bottom: 1em;
}

#single .entry-header {
    color: #818A94;
}

#single .image {
    margin-bottom: 1rem;
}

#single .entry-header h1.entry-title,
#single h1,
#single h2,
.entry-header h1.entry-title.single {
    color: black;
    text-align: left;
    padding-bottom: 1em;
    border: none;
    background: none;
    font-weight: bold;
    margin-bottom: 0;
}

#single h2 {
    font-size: 1.5rem;
}

#page-news h2 {
    text-align: left;
    background: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.col-md-4 h4 {
    font-size: 1rem;
    font-weight: bold;
}

#single main.container {
    padding-top: 2em;
}

.cat-links {
    padding-right: 1em;
}

#co-vas-zajima a {
    color: black;
}

#co-vas-zajima a:hover {
    text-decoration: none;
}

.cvz {
    margin-top: .2em;
    margin-bottom: 0;
    padding: 3.5em 1em 2em 1em;
    font-size: 2em;
    font-weight: bold;
    transition: margin 0.3s;
    background: url(assets/images/icons/global/un_arrow-right-hover.svg) no-repeat center 1em, no-repeat center bottom 1em;
    background-size: 2em 2em, 1em 1em;
    color: black;
    min-height: 9em;
}

#uzitecne-stranky .cvz {
    font-size: 1.5em;
}

.cvz:hover {
    margin-top: 0;
    margin-bottom: .2em;
    box-shadow: #00000026 0 0 16px;
    background-size: 2em 2em, 1em 1em;
}

.cvz .btn-unmz {
    font-size: 0.5em;
}

.btn-unmz {
    color: #fff;
    background-color: #0C427F;
    border: none;
    text-transform: uppercase;
    font-size: 0.75em;
    border-radius: 0;
    padding: 1em 3em;
    margin-top: 2em;
}

.czv .btn-unmz {
    font-size: 0.5em;
}

.btn-unmz a {
    color: white;
}

.btn-unmz:hover {
    color: #fff;
}

.btn-unmz-outline {
    display: inline-block;
    background: #4070F400 0 0 no-repeat padding-box;
    border: 2px solid #0C427F;
    color: #0C427F;
    text-transform: uppercase;
    font-size: .75em;
    border-radius: 0;
    padding: 1em;
}

.btn-unmz-outline:hover,
.btn-unmz-outline:hover a {
    background-color: #0C427F;
    color: white;
}

.btn-unmz-outline:hover .animate-right {
    position: relative;
    animation: animateright 0.4s
}

.btn-unmz:hover .animate-right {
    position: relative;
    animation: animateright 0.4s
}

.btn-unmz-outline-light:hover .animate-right {
    position: relative;
    animation: animateright 0.4s
}

.btn-unmz-outline:hover .animate-left {
    position: relative;
    animation: animateleft 0.4s
}

.btn-unmz-outline a {
    text-decoration: none;
}

.btn-unmz-outline-light {
    color: #fff;
    background: transparent;
    border-color: white;
    text-transform: uppercase;
    font-size: 0.75em;
    border-radius: 0;
    padding: 1em;
    margin-top: 2em;
}

.btn-unmz-outline-light a {
    color: #fff;
}

.hp-icons a:hover {
    text-decoration: none;
}

.block-3 .cvz {
    font-size: 1.25em;
    min-height: 10em;
    padding-bottom: 2em;
    position: relative;
    margin-bottom: 2em;
}

.block-3 .cvz .sipka {
    height: 2em;
    margin-top: 2em;
    background: no-repeat center center url(assets/images/icons/global/un_arrow-right.svg);
    position: absolute;
    width: 85%;
    bottom: 1em;
}

.block-3 .cvz:hover .sipka {
    background-image: url(assets/images/icons/global/un_arrow-right-hover.svg)
}

.parent-702 .block-3 .cvz .sipka {
    background-image: url(assets/images/icons/global/un_arrow-right-gray.svg)
}

.parent-702 .block-3 .cvz:hover .sipka {
    background-image: url(assets/images/icons/global/un_arrow-right-navy.svg)
}

.submenu {
    padding-left: 3em;
    background: no-repeat left center;
    background-size: 2em 2em;
}

a .submenu {
    color: black;
    font-weight: bold;
    font-size: 1em;
}

a:hover .submenu {
    color: #0C427F;
}

a .submenu .subtitle {
    font-weight: normal;
    color: #818A94;
}

.submenu .subtitle {
    min-height: 1em;
}

#first-submenu {
    position: absolute;
    z-index: 100;
    top: 5em;
    left: 0;
    display: none;
    text-align: left;
}

#co-vas-zajima .metrologie {
    background-image: url(assets/images/icons/urad/un_category-metrologie_default.svg), url(assets/images/icons/global/un_arrow-right.svg);
}

#co-vas-zajima .metrologie:hover {
    background-image: url(assets/images/icons/urad/un_category-metrologie_hover.svg), url(assets/images/icons/global/un_arrow-right-hover.svg);
}

#co-vas-zajima .statni-zkusebnictvi {
    background-image: url(assets/images/icons/urad/un_category-statnizkusebnictvi_default.svg), url(assets/images/icons/global/un_arrow-right.svg);
    
}

#co-vas-zajima .statni-zkusebnictvi:hover {
    background-image: url(assets/images/icons/urad/un_category-statnizkusebnictvi_hover.svg), url(assets/images/icons/global/un_arrow-right-hover.svg);
}

#co-vas-zajima .czpress {
    background-image: url(https://www.unmz.cz/wp-content/uploads/logoeu.png), url(assets/images/icons/global/un_arrow-right.svg);
	border-left: 1px #EFF2F5 solid;
    border-right: 1px #EFF2F5 solid;
}

#co-vas-zajima .czpress:hover {
    background-image: url(https://www.unmz.cz/wp-content/uploads/logoeu-hover.png), url(assets/images/icons/global/un_arrow-right-hover.svg);
	
}


#co-vas-zajima .mezinarodni-vztahy {
    background-image: url(assets/images/icons/metrologie/un_metrologie-5.svg), url(assets/images/icons/global/un_arrow-right.svg);
    border-right: 1px #EFF2F5 solid;
}

#co-vas-zajima .mezinarodni-vztahy:hover {
    background-image: url(assets/images/icons/metrologie/un_metrologie-5-hover.svg), url(assets/images/icons/global/un_arrow-right-hover.svg);
}

#uzitecne-stranky .predpisy {
    background-image: url(assets/images/icons/urad/un_page-normy.svg)
}

#uzitecne-stranky .navrhy {
    background-image: url(assets/images/icons/urad/un_page-pripominkovani.svg)
}

#uzitecne-stranky .oznaceni {
    background-image: url(assets/images/icons/urad/un_page-ce.svg)
}

#kontakt h5 {
    font-weight: bold;
}

#kontakt label {
    font-weight: bold;
}

#kontakt input {
    border-color: #EFF2F5;
}

#kontakt .wpcf7-list-item-label {
    color: #C4CBD2;
}

#banner-right {
    background-color: rgb(16, 75, 134);
    padding-right: 10%
}

#banner-right h3,
#banner-right a,
#banner-right div.textwidget {
    color: white;
    text-align: left;
    padding-top: 1.5em
}

#banner-right h3,
#banner-right div.textwidget {
    text-transform: uppercase;
}

#banner-right h3 {
    font-size: 1rem
}

#banner-right div.textwidget {
    font-size: 0.8rem
}

#banner-right div.vice {
    padding-top: 4rem;
    text-transform: none;
    font-size: 0.8rem
}

#banner-left {
    padding-left: 0;
    padding-right: 0
}

#banner-left .slick-arrow,
#banner-left .slick-dots {
    position: absolute
}

#banner-left .slick-dots {
    bottom: 5%;
    width: 100%
}

#banner-left .wpcp-carousel-section {
    padding: 0
}

#banners h3.widget-title {
    font-size: 1em;
    font-weight: bold;
}

#banners p {
    color: #818A94;
}

#banners a:hover img {
    filter: invert(41%) sepia(19%) saturate(2839%) hue-rotate(199deg) brightness(70%) contrast(100%);
}

#aktualne h2,
#aktualne h3,
#aktualne h4,
h1.entry-title,
h2.entry-title,
#aktualne h2 a,
#aktualne h3 a,
#aktualne h4 a,
h1.entry-title a {
    /* text-transform: uppercase;*/
    color: #0C152E;
}

table td a {
    color: #0b4c88;
}

.home #aktualne {
    padding: 3em 0;
}

#aktualne h2,
h1.entry-title {
    font-weight: bold;
    text-align: center;
    margin-top: 1rem
}

h1.page-title {
    margin-bottom: 0;
    background: none;
}

#sitemap-main header {
    padding: 3rem 0;
}

#sitemap-main h1.page-title {
    padding-bottom: 0.5em;
}

.main-text {
    color: #C4CBD2;
}

.main-text .btn-unmz-outline-light {
    margin-top: 0.5em;
    padding: 1em 5em;
}

.rpwe-block p {
    color: black;
}

.rpwe-block h4 {
    font-size: 1rem;
    font-weight: bold;
}

.rpwe-block .aktualne-date {
    color: #C4CBD2;
    font-size: 1rem;
    font-weight: normal;
    margin-top: 0.5rem;
    margin-bottom: 0.25rem;
}

.rpwe-block .more,
.rpwe-block .more a {
    background-color: rgb(16, 75, 134);
    color: white;
}

.rpwe-block .more2,
.rpwe-block .more2 a {
    background-color: rgb(201, 202, 204);
    color: white;
}

.rpwe-block .vice-aktualit {
    text-align: right;
    padding-right: 1.5em;
    margin-top: 1em;
    background: url('assets/images/icons/global/un_arrow-right-square.svg') right center no-repeat;
    background-size: 1em;
    width: 100%;
}

#front-page #aktualne h2 {
    margin-top: 2rem;
}

.rpwe-block .aktuality-thumb {
    min-height: 196px;
    background: no-repeat center center;
    background-size: 100%;
    transition: background-size .2s;
    position: relative;
}

.rpwe-block .aktuality-thumb:hover {
    background-size: 104%;
}

.rpwe-block .aktuality-thumb .category {
    position: absolute;
    top: 1em;
    left: 1em;
    background: #0F1B3BE6;
    border-radius: 4px;
    color: white;
    padding: 4px;
    font-size: .75em;
    font-weight: normal;
}

h1.entry-title {
    margin-top: 1em;
    font-size: 2rem
}

#single h1.entry-title,
#archive h1.entry-title {
    letter-spacing: normal;
    font-weight: normal;
    font-size: 1.5rem
}

h1.entry-title .subtitle {
    letter-spacing: normal;
    font-weight: normal;
    font-size: 1rem;
    text-transform: none;
    margin-top: 1em
}

#search h2.entry-title {
    font-size: 1.5rem;
    margin-top: 1rem
}

#search .post.hentry {
    margin-bottom: 0;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
    color: #0b4c88;
}

.entry-content h1 {
    font-size: 2rem
}

.entry-content h2 {
    font-size: 1.75rem
}

.entry-content h3 {
    font-size: 1.5rem
}

.entry-content h4 {
    font-size: 1.25rem
}

.entry-content {
    font-size: 1rem
}

#footer {
    color: #818A94;
}

#footer .widget-title {
    color: white;
    font-size: 1.25em;
    margin-bottom: 1em;
}

#footer a {
    color: #C4CBD2;
}

#footer a:hover {
    color: white;
    text-decoration: none;
}

#footer section.widget_custom_html {
    margin-bottom: 0
}

.home #content,
#page #content {
    padding-top: 0;
    background: white none;
}

.navigation.post-navigation {
    padding-top: 1em;
}

#single .post.hentry {
    margin-bottom: 0;
}

.post-navigation .nav-previous a::before {
    content: "\2190  ";
}


/* .rozcestnik table tr td:first-child {width:100px; min-width: 50px} */


/* .entry-meta {display: none} */

.rozcestnik div.col-5 table a img {
    float: left;
    height: 80px;
    -webkit-transition: height .1s linear;
    /* For Safari 3.1 to 6.0 */
    transition: height .1s linear;
}

.rozcestnik div.col-5 table a:hover img {
    height: 90px;
}

.rozcestnik div.col-5 table td {
    vertical-align: middle;
    min-height: 90px;
}

.onepage h5 a::before {
    content: "\25B7  ";
}

.onepage h5 a.open::before {
    content: "\25BD  ";
}

#page-sitemap .entry-item {
    margin-top: 0.5em;
}

#page-sitemap .entry-item:hover {
    background-color: white;
}

#page-sitemap h5 {
    padding-left: 0;
    background: url(assets/images/icons/global/un_arrow-right-gray.svg) no-repeat right center;
    background-size: 1.5em 1.5em;
    margin-bottom: 0;
    margin-right: 1em;
    transition: margin-right .1s linear;
}

#page-sitemap h5:hover {
    background-image: url(assets/images/icons/global/un_arrow-right-navy.svg);
    margin-right: 0;
}

#page-sitemap h5.sitemapH5 a {
    padding-left: 1.75em;
    margin-right: 2em;
    display: block;
    background: url(assets/images/icons/global/un_item-circle.svg) no-repeat left center;
    background-size: 1em;
}

#page-sitemap h5.sitemapH5:hover a {
    background-image: url(assets/images/icons/global/un_item-circle-hover.svg);
}

#page-sitemap h5+div {
    margin-top: 1em;
}

.vestnik .entry-header h1 {
    padding-bottom: 0.7em;
}

.vestnik header {
    border-bottom: 1px rgba(0, 0, 0, .1) solid;
}

@media print {
    header#masthead,
    div#my-paroller,
    footer#footer,
    div#scroll-top {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    #navbarCollapse .logo {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .cvz {
        border-bottom: #00000026 1px solid;
    }
    .cvz .sipka {
        width: 95%;
    }
    .icon-block {
        margin: 0.2em 2em;
    }
}

@keyframes animateright {
    from {
        right: -1em;
        opacity: 0
    }
    to {
        right: 0;
        opacity: 1
    }
}

@keyframes animateleft {
    from {
        left: -1em;
        opacity: 0
    }
    to {
        left: 0;
        opacity: 1
    }
}

@media all and (-ms-high-contrast: none) {
    body {
        margin-top: 6em;
    }
    /* IE10 */
}

@supports (-webkit-overflow-scrolling: touch) {
    body {
        margin-top: 6em;
    }
}