/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/css/fonts/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiZQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/css/fonts/Raleway-Regular.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* colours */
:root{
  --primary: #ffffff;
  --secondary: #212121 ;
  --title: #e3881c;
}
.mainback{
  background-color: #fff;
  /*
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%23e3ae68' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%23a5a5a5' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%23e6d66e' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%23848484' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%23d8ea75' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%23636363' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23bbed7c' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%23424242' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%23a0ef83' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%23212121' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%238af28c' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%23000000' points='943 900 1210 900 971 687'/%3E%3C/svg%3E");
  
  background-image: url("/img/bg.jpg");*/
  background-attachment: fixed;
  background-size: cover;
 
  
}
.sliderBG{
  background-color: #fff;
 /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='0.38' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(13.65) translate(-926.74 -695.05)'%3E%3Cuse fill='%23fafafa' href='%23s' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23f5f5f5' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23f5f5f5' href='%23s'/%3E%3Cuse fill='%23f0f0f0' href='%23s' x='2'/%3E%3Cuse fill='%23f0f0f0' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(13.65) translate(-926.74 -695.05)'%3E%3Cg fill='%23ebebeb'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(13.65) translate(-926.74 -695.05)'%3E%3Cg fill='%23ebebeb'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(13.65) translate(-926.74 -695.05)'%3E%3Cg fill='%23e5e5e5'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(13.65) translate(-926.74 -695.05)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23e0e0e0'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(13.65) translate(-926.74 -695.05)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(13.65) translate(-926.74 -695.05)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(13.65) translate(-926.74 -695.05)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");*/
  background-attachment: fixed;
  background-size: contain;
}
#dng5pl, #dng6pl{
  opacity: 0.3;
}
.players img{
  
  width: 70%;
}
.players{
  margin-bottom: 15px !important;
  margin-top: 15px !important;
}
.players div{
  text-align: center;
}
/* layout styles */
nav{
  background: var(--primary);
  /*border-bottom: 10px solid var(--secondary);*/
}
nav a{
  text-transform: uppercase;
  color: var(--title);
}
nav a span{
  font-weight: bold;
  font-family: 'Oswald';
}
nav .sidenav-trigger{
  margin: 0;
}

/* recipe styles */
.recipes, .products{
  margin-top: 25px;
}



.card-panel.recipe{
  border-radius: 2px;
  padding: 10px;
  box-shadow: 0px 0px 10px rgba(90,90,90,0.1);
 /*border: 1px solid #c5c5c5;*/
  display: grid;
  grid-template-columns: 2fr 6fr 1fr;
  grid-template-areas: "image details delete";
  position: relative;
}

.card-product{
  border-radius: 2px;
  padding: 10px !important;
  box-shadow: 0px 0px 10px rgba(90,90,90,0.2) !important;
 /* border: 1px solid #c5c5c5;*/
  position: relative;
 /* width: 100%;*/
  text-align: center;
}


.card-product img{
  max-width: 100%;
  
}
.recipe img{
  grid-area: image;
  max-width: 60px;
}
.recipe-details{
  grid-area: details;
  margin-top: 6px;
}
.recipe-delete{
  grid-area: delete;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.recipe-delete i{
  font-size: 18px;
}
.recipe-title{
  font-family: 'Oswald';
}
.recipe-ingredients{
  font-size: 0.8em;
}

/* form-styles */
.add-btn{
  background: var(--title) !important;
}
input{
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.side-form button{
  background: var(--title);
  box-shadow: 1px 1px 3px rgba(90,90,90,0.2);
}
form .input-field{
  margin-top: 30px;
}

#side-menu{
  background-image: url("/img/loghi/lmsCircleLogo.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 70% 100%;
  background-size: 40%;
}

.disabled{
  opacity: 0.4;
}
.mySlides {display:none}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}



.parent {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 11px;
  }

.parent-ashes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 11px;
    padding: 10px;
 }
  /*
  .div1 { grid-area: 1 / 1 / 2 / 2; }
  .div2 { grid-area: 1 / 2 / 2 / 3; }
  .div3 { grid-area: 2 / 1 / 3 / 2; }
  .div4 { grid-area: 2 / 2 / 3 / 3; }
  .div5 { grid-area: 3 / 1 / 4 / 2; }
  .div6 { grid-area: 3 / 2 / 4 / 3; }
  .div7 { grid-area: 4 / 1 / 5 / 2; }
  .div8 { grid-area: 4 / 2 / 5 / 3; }
*/
  .w3-section, .w3-code {
    margin-top: 16px!important;
    margin-bottom: -20px!important;
}

  .w3-text-white, .w3-hover-text-white:hover {
    color: #fff!important;
}

.w3-badge {
  height: 10px;
  width: 10px;
  padding: 0;
}

.w3-white, .w3-hover-white:hover {
  color: #000!important;
  background-color: #fff!important;
}

.w3-border {
  border: 0px solid #00000052!important;
}




/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-containerhover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 290px;
  height: 370px;
/*  margin-left: auto;
  margin-right: auto;*/
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
  transform: rotateY(0deg);
  /*background-color: brown;*/
}

.front img{
	border-radius: 10px;
  width: 80%;
}


/* back, initially hidden pane */
.back {
  transform: rotateY(180deg);
 /* background-color: darkblue;*/
}

.back img{
	border-radius: 10px;
}

.toast{
  background-color: transparent !important;
  box-shadow: 0 0px 0px 0 rgba(0,0,0,0.14), 0 0px 0px 0px rgba(0,0,0,0.12), 0 0px 0px 0 rgba(0,0,0,0.2) !important;
}
.toast img{
  margin-left: auto !important;
  margin-right: auto !important;
}

.rndInside{
  width: 40%;
}

#toast-container {
  top: 25% !important;
  /* right: -57% !important; */
  /* bottom: 10%; */
  /* left: auto !important; */
  height: 20% !important;
  /* width: 100% !important; */
}

.mySoloCard img{
  width: 290px;
}

.dngTitle{
  font-family: 'Oswald',  sans-serif;
  text-transform: uppercase;
  color: #202020;
  font-size: 180%;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 2px;
}

.ashesTitle{
  font-family: 'Oswald',  sans-serif;
  text-transform: uppercase;
  color: #202020;
  font-size: 100%;
  font-weight: bold;
  letter-spacing: 1px;
  padding-top: 0;
  margin-bottom: 10px;
}

.versioningRules{
  font-family: 'Oswald';
  color: #f39200;
  font-style: italic;
  font-size: 15px;

}

.contactUsList{
  letter-spacing: 0px;
}



.c-flag {
  margin: 0 auto;
  position: relative;
}

.c-flag__ita {

  background-image: -webkit-linear-gradient(left, #009246 0, #009246 33%, #FFF 33%, #FFF 67%, #CE2B37 67%, #CE2B37 100%);
  background-image: linear-gradient(
90deg
, #009246 0, #009246 33%, #FFF 33%, #FFF 67%, #CE2B37 67%, #CE2B37 100%);
}

.the-united-kingdom {
  background: #00247D;
  background-size: 100px 100px;
  position: relative; }

.the-united-kingdom:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, transparent 40%, #CC142B 40%, #CC142B 60%, transparent 60%), linear-gradient(to right, transparent 45%, #CC142B 45%, #CC142B 55%, transparent 55%), linear-gradient(to bottom, transparent 35%, white 35%, white 65%, transparent 65%), linear-gradient(to right, transparent 40%, white 40%, white 60%, transparent 60%), linear-gradient(146deg, transparent 50%, #CC142B 50%, #CC142B 53%, transparent 53%) -65px 45px, linear-gradient(146deg, transparent 50%, #CC142B 50%, #CC142B 53%, transparent 53%) 55px -45px, linear-gradient(34deg, transparent 50%, #CC142B 50%, #CC142B 53%, transparent 53%) -75px -43px, linear-gradient(34deg, transparent 50%, #CC142B 50%, #CC142B 53%, transparent 53%) 70px 46px, linear-gradient(146deg, transparent 45%, white 45%, white 55%, transparent 55%), linear-gradient(34deg, transparent 45%, white 45%, white 55%, transparent 55%);
  width: 180px;
  height: 120px;
  background-repeat: no-repeat; }


  .de {
    background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDUgMyI+DQo8cGF0aCBkPSJtMCwwaDV2M2gtNXoiLz4NCjxwYXRoIGZpbGw9IiNkMDAiIGQ9Im0wLDFoNXYyaC01eiIvPg0KPHBhdGggZmlsbD0iI2ZmY2UwMCIgZD0ibTAsMmg1djFoLTV6Ii8+DQo8L3N2Zz4NCg==');
    background-size: 70px 100%;
   }
   .fr {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4NCjxwYXRoIGZpbGw9IiNlZDI5MzkiIGQ9Im0wLDBoOTAwdjYwMGgtOTAweiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMGg2MDB2NjAwaC02MDB6Ii8+DQo8cGF0aCBmaWxsPSIjMDAyMzk1IiBkPSJtMCwwaDMwMHY2MDBoLTMwMHoiLz4NCjwvc3ZnPg0K);

}

.pl {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjgwIDgwMCI+DQo8cGF0aCBmaWxsPSIjZTllOGU3IiBkPSJtMCwwaDEyODB2NDAwaC0xMjgweiIvPg0KPHBhdGggZmlsbD0iI2Q0MjEzZCIgZD0ibTAsNDAwaDEyODB2NDAwaC0xMjgweiIvPg0KPC9zdmc+DQo=);
  width: 100%;
  height: 62.5%;
  background-size: 160% auto;
  background-repeat: no-repeat;
  background-position: left top;
}

.es {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NTAgNTAwIj4NCjxwYXRoIGZpbGw9IiNjNjBiMWUiIGQ9Im0wLDBoNzUwdjUwMGgtNzUweiIvPg0KPHBhdGggZmlsbD0iI2ZmYzQwMCIgZD0ibTAsMTI1aDc1MHYyNTBoLTc1MHoiLz4NCjwvc3ZnPg0K);
  width: 100%;
  height: 66.666666666667%;
  background-size: 150% auto;
  background-repeat: no-repeat;
  background-position: left top;
}

.cn {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDgwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KPHBhdGggZmlsbD0iI2RlMjkxMCIgZD0ibTAsMGgxMjAwdjgwMGgtMTIwMHoiLz4NCjxwYXRoIGZpbGw9IiNmZmRlMDAiIGQ9Im0tMTYuNTc5Niw5OS42MDA3bDIuMzY4Ni04LjEwMzItNi45NTMtNC43ODgzIDguNDM4Ni0uMjUxNCAyLjQwNTMtOC4wOTI0IDIuODQ2Nyw3Ljk0NzkgOC40Mzk2LS4yMTMxLTYuNjc5Miw1LjE2MzQgMi44MTA2LDcuOTYwNy02Ljk3NDctNC43NTY3LTYuNzAyNSw1LjEzMzF6IiB0cmFuc2Zvcm09Im1hdHJpeCg5LjkzMzUyIC4yNzc0NyAtLjI3NzQ3IDkuOTMzNTIgMzI0LjI5MjUgLTY5NS4yNDE1KSIvPg0KPHBhdGggZmlsbD0iI2ZmZGUwMCIgaWQ9InN0YXIiIGQ9Im0zNjUuODU1MiwzMzIuNjg5NWwyOC4zMDY4LDExLjM3NTcgMTkuNjcyMi0yMy4zMTcxLTIuMDcxNiwzMC40MzY3IDI4LjI1NDksMTEuNTA0LTI5LjU4NzIsNy40MzUyLTIuMjA5NywzMC40MjY5LTE2LjIxNDItMjUuODQxNS0yOS42MjA2LDcuMzAwOSAxOS41NjYyLTIzLjQwNjEtMTYuMDk2OC0yNS45MTQ4eiIvPg0KPGcgZmlsbD0iI2ZmZGUwMCI+DQo8cGF0aCBkPSJtNTE5LjA3NzksMTc5LjMxMjlsLTMwLjA1MzQtNS4yNDE4LTE0LjM5NDUsMjYuODk3Ni00LjMwMTctMzAuMjAyMy0zMC4wMjkzLTUuMzc4MSAyNy4zOTQ4LTEzLjQyNDItNC4xNjQ3LTMwLjIyMTUgMjEuMjMyNiwyMS45MDU3IDI3LjQ1NTQtMTMuMjk5OC0xNC4yNzIzLDI2Ljk2MjcgMjEuMTMzMSwyMi4wMDE3eiIvPg0KPHBhdGggZD0ibTQ1NS4yNTkyLDMxNS45Nzk1bDkuMzczNC0yOS4wMzE0LTI0LjYzMjUtMTcuOTk3OCAzMC41MDctLjA1NjYgOS41MDUtMjguOTg4NiA5LjQ4MSwyOC45OTY0IDMwLjUwNywuMDgxOC0yNC42NDc0LDE3Ljk3NzQgOS4zNDkzLDI5LjAzOTItMjQuNzE0LTE3Ljg4NTgtMjQuNzI4OCwxNy44NjUzeiIvPg0KPC9nPg0KPHVzZSB4bGluazpocmVmPSIjc3RhciIgdHJhbnNmb3JtPSJtYXRyaXgoLjk5ODYzIC4wNTIzNCAtLjA1MjM0IC45OTg2MyAxOS40MDAwNSAtMzAwLjUzNjgxKSIvPg0KPC9zdmc+DQo=);
  width: 100%;
  height: 66.666666666667%;
  background-size: 180% auto;
  background-repeat: no-repeat;
  background-position: left top;
}

.gb {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjAgMzAiIGhlaWdodD0iNjAwIj4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJ0Ij4NCjxwYXRoIGQ9Im0zMCwxNWgzMHYxNXp2MTVoLTMwemgtMzB2LTE1enYtMTVoMzB6Ii8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPHBhdGggZmlsbD0iIzAwMjQ3ZCIgZD0ibTAsMHYzMGg2MHYtMzB6Ii8+DQo8cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNiIgZD0ibTAsMGw2MCwzMG0wLTMwbC02MCwzMCIvPg0KPHBhdGggc3Ryb2tlPSIjY2YxNDJiIiBzdHJva2Utd2lkdGg9IjQiIGQ9Im0wLDBsNjAsMzBtMC0zMGwtNjAsMzAiIGNsaXAtcGF0aD0idXJsKCN0KSIvPg0KPHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEwIiBkPSJtMzAsMHYzMG0tMzAtMTVoNjAiLz4NCjxwYXRoIHN0cm9rZT0iI2NmMTQyYiIgc3Ryb2tlLXdpZHRoPSI2IiBkPSJtMzAsMHYzMG0tMzAtMTVoNjAiLz4NCjwvc3ZnPg0K);
  width: 100%;
  height: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top !important;
}

.c-flag__rus {

  background-image: -webkit-linear-gradient(top, #fff 0, #fff 33%, #0039a6 33%, #0039a6 67%, #CE2B37 67%, #CE2B37 100%);
  background-image: linear-gradient(
180deg
, #fff 0, #fff 33%, #0039a6 33%, #0039a6 67%, #CE2B37 67%, #CE2B37 100%);
}

.c-flag__hun {

  background-image: -webkit-linear-gradient(top, #CE2B37 0, #CE2B37 33%, #fff 33%, #fff 67%, #477050 67%, #477050 100%);
  background-image: linear-gradient(
180deg
, #CE2B37 0, #CE2B37 33%, #fff 33%, #fff 67%, #477050 67%, #477050 100%);
}

#installNotification{
  display: none;
}

.installNotification{
  margin: 0 0 0 0 !important;
  padding: 5px 0 0 0;
  font-size: 92%;
  font-weight: bold;
  letter-spacing: 0px;
  vertical-align: middle;
  line-height: 15px;
}
.installNotification a, #snackbar a{
  font-weight:lighter;
}

#snackbar {
  visibility: hidden;
  min-width: 250px;
  /* margin-left: -123px; */
  background-color: #ff9800 !important;
  color: #212121;
  text-align: center;
  border-radius: 2px;
  padding: 15px 10px 22px 10px;
  position: fixed;
  z-index: 20;
  left: 5%;
  right: 5%;
  bottom: -10px;
  font-weight: bold;
  border-radius: 8px;
  letter-spacing: -1px;
}
#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
}



.fadeInOut {
    opacity: 0;
   -webkit-animation: fadeInOut 8s;
   animation: fadeInOut 8s;
  }

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }
    28% {
      opacity: 1;
    }
    
    72% {
        opacity: 1;
    }
  
    100% {
      opacity: 0;
    }
}

@-webkit-keyframe fadeInOut {
    0% {
        opacity: 0;
    }
    28% {
      opacity: 1;
    }
    
    72% {
        opacity: 1;
    }
  
    100% {
      opacity: 0;
    }
}


#lastCardsContainer{
  /*border-left: solid 1px red;
  border-top: solid 1px red;
  border-bottom: solid 1px red;*/
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
  position: absolute;
  padding-right: 19px;
  background-color: #e7e2e1;
  padding-left: 5px;
  min-height: 340px;
  min-width: 92px;
}

.modalDiceRoller{
  border-radius: 25%;
    height: 300px;
    width: 300px;
    text-align: center;
    vertical-align: middle;
}
.modalDiceRoller h1{
  font-size: 150px;
  font-weight: bold;
}


#partialScore{
  overflow-wrap: break-word;
  padding: 4px 6px 4px 6px;        
  font-weight: bold;
  color: #ff6d00;
}

#diceResult{
  position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        top: 62px;
}

.secondElem{
  margin-top: 33px;
}

.iconColor{
  color: #ff6d00;
}

.iconColorDisabled{
  color: #bababa;
}


body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    font-family: 'Raleway';
    color: #5c5c5c;

  }

  #footer {
    position: fixed !important;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    text-align: center;
  }


  main {
    flex: 1 0 auto;
  }

h5 {
  font-family: 'Oswald';
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  color: #212121;
}

h6 {
  font-family: 'Oswald';
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  text-align: left;
  color: #212121;

}

a {
  font-family: 'Oswald';
  color:#e3881c;
  font-size: 15px;
}

.quote {
  font-family: 'Raleway';
  font-weight: bold;
  color: #212121;

}