.text-center
{
	text-align: center;
}
.clear_both
{
  clear:both;
}
/* ----------------------------------------------------------------------- */
/* ------------------------------ -ZALOZKY ------------------------------- */
ul#zalozky {
	/*margin-top:8px;*/
	height:31px;
	margin-bottom: 0;
	width: 1034px;
	margin: 0 auto;
}
ul#zalozky li {
	display:inline;
}
ul#zalozky li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16.67px;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
}
ul#zalozky li a:hover span.text_link {
	text-decoration:underline;
}
ul#zalozky li a span.text_link {
	background-color:#ededed;
	float:left;
	padding-top:9px;
	height:22px;
	display:block;
	font-weight: bold;
	text-shadow: 1px 1px #fff;
	line-height: 15px;
}
ul#zalozky li a span.left {
	float:left;
	width:24px;
	height:31px;
	display:block;
}
ul#zalozky li a span.right {
	float:left;
	width:37px;
	height:31px;
	display:block;
}
ul#zalozky li a.active span.text_link{
	font-weight:bold;
	color:#fff;
	text-shadow:none;
}
/* NOVINY */
ul#zalozky li.noviny a span.left {
	background: url("/img/zalozka_noviny_left.png") no-repeat center top;
}
ul#zalozky li.noviny a span.right {
	background: url("/img/zalozka_noviny_right.png") no-repeat center top;
}
ul#zalozky li.noviny a span.text_link{
	background-color:#ededed;
	color:#949494;
}
/* NOVINY ACTIVE */
ul#zalozky li.noviny a.active span.left {
	background: url("/img/zalozka_noviny_left_active.png") no-repeat center top;
}
ul#zalozky li.noviny a.active span.right {
	background: url("/img/zalozka_noviny_right_active.png") no-repeat center top;
}
ul#zalozky li.noviny a.active span.text_link{
	background-color:#949494;
	color:#fff;
}
/* KNIZNICA */
ul#zalozky li.kniznica a span.left {
	background: url("/img/zalozka_kniznica_left.png") no-repeat center top;
}
ul#zalozky li.kniznica a span.right {
	background: url("/img/zalozka_kniznica_right.png") no-repeat center top;
}
ul#zalozky li.kniznica a span.text_link{
	background-color:#ededed;
	color:#08813B;
	
}
/* KNIZNICA ACTIVE */
ul#zalozky li.kniznica a.active span.left {
	background: url("/img/zalozka_kniznica_left_active.png") no-repeat center top;
}
ul#zalozky li.kniznica a.active span.right {
	background: url("/img/zalozka_kniznica_right_active.png") no-repeat center top;
}
ul#zalozky li.kniznica a.active span.text_link{
	background-color:#08813B;
	color:#fff;
}
/* ZIAK */
ul#zalozky li.ziak a span.left {
	background: url("/img/zalozka_ziak_left.png") no-repeat center top;
}
ul#zalozky li.ziak a span.right {
	background: url("/img/zalozka_ziak_right.png") no-repeat center top;
}
ul#zalozky li.ziak a span.text_link{
	color:#297770;
}
/* ZIAK ACTIVE */
ul#zalozky li.ziak a.active span.left {
	background: url("/img/zalozka_ziak_left_active.png") no-repeat center top;
}
ul#zalozky li.ziak a.active span.right {
	background: url("/img/zalozka_ziak_right_active.png") no-repeat center top;
}
ul#zalozky li.ziak a.active span.text_link{
	background-color:#297770;
	color:#fff;
}
/* RODIC */
ul#zalozky li.rodic a span.left {
	background: url("/img/zalozka_rodic_left.png") no-repeat center top;
}
ul#zalozky li.rodic a span.right {
	background: url("/img/zalozka_rodic_right.png") no-repeat center top;
}
ul#zalozky li.rodic a span.text_link{
	color:#000;
}
/* RODIC ACTIVE */
ul#zalozky li.rodic a.active span.left {
	background: url("/img/zalozka_rodic_left_active.png") no-repeat center top;
}
ul#zalozky li.rodic a.active span.right {
	background: url("/img/zalozka_rodic_right_active.png") no-repeat center top;
}
ul#zalozky li.rodic a.active span.text_link{
	background-color:#000;
	color:#fff;
}
/* UCITEL */
ul#zalozky li.ucitel a span.left {
	background: url("/img/zalozka_ucitel_left.png") no-repeat center top;
}
ul#zalozky li.ucitel a span.right {
	background: url("/img/zalozka_ucitel_right.png") no-repeat center top;
}
ul#zalozky li.ucitel a span.text_link{
	color:#A52265;
}
/* UCITEL ACTIVE */
ul#zalozky li.ucitel a.active span.left {
	background: url("/img/zalozka_ucitel_left_active.png") no-repeat center top;
}
ul#zalozky li.ucitel a.active span.right {
	background: url("/img/zalozka_ucitel_right_active.png") no-repeat center top;
}
ul#zalozky li.ucitel a.active span.text_link{
	background-color:#A52265;
	color:#fff;
}
/* SKOLA */
ul#zalozky li.skola a span.left {
	background: url("/img/zalozka_skola_left.png") no-repeat center top;
}
ul#zalozky li.skola a span.right {
	background: url("/img/zalozka_skola_right.png") no-repeat center top;
}
ul#zalozky li.skola a span.text_link{
	color:#007DB0;
}
/* SKOLA ACTIVE */
ul#zalozky li.skola a.active span.left {
	background: url("/img/zalozka_skola_left_active.png") no-repeat center top;
}
ul#zalozky li.skola a.active span.right {
	background: url("/img/zalozka_skola_right_active.png") no-repeat center top;
}
ul#zalozky li.skola a.active span.text_link{
	background-color:#007DB0;
	color:#fff;
}
/* MOZGOZRUT */
ul#zalozky li.mozgozrut a span.left {
	background: url("/img/zalozka_mozgozrut_left.png") no-repeat center top;
}
ul#zalozky li.mozgozrut a span.right {
	background: url("/img/zalozka_mozgozrut_right.png") no-repeat center top;
}
ul#zalozky li.mozgozrut a span.text_link{
	color:#d05981;
}
/* MOZGOZRUT ACTIVE */
ul#zalozky li.mozgozrut a.active span.left {
	background: url("/img/zalozka_mozgozrut_left_active.png") no-repeat center top;
}
ul#zalozky li.mozgozrut a.active span.right {
	background: url("/img/zalozka_mozgozrut_right_active.png") no-repeat center top;
}
ul#zalozky li.mozgozrut a.active span.text_link{
	background-color:#d05981;
	color:#fff;
}
/* Periskop */
ul#zalozky li.periskop a span.left {
	background: url("/img/zalozka_mozgozrut_left.png") no-repeat center top;
}
ul#zalozky li.periskop a span.right {
	background: url("/img/zalozka_clear_right.png") no-repeat center top;
}
ul#zalozky li.periskop a span.text_link{
	color:#00b6ad;
}
ul#zalozky li.periskop a span.text_link.ikona{
	position: relative;
	padding-right: 6px;
}
/* Periskop ACTIVE */
ul#zalozky li.periskop a.active span.left {
	background: url("/img/zalozka_periskop_left_active.png") no-repeat center top;
}
ul#zalozky li.periskop a.active span.right {
	background-color:#00b6ad;
	background: url("/img/zalozka_clear_right_active.png") no-repeat center top;
}
ul#zalozky li.periskop a.active span.text_link{
	background-color:#00b6ad;
	color:#fff;
}
/* SHOP */
ul#zalozky li.shop a span.left {
	background: url("/img/zalozka_shop_left.png") no-repeat center top;
}
ul#zalozky li.shop a span.right {
	background: url("/img/zalozka_shop_right.png") no-repeat center top;
}
ul#zalozky li.shop a span.text_link{
	color:#00BFF3;
}
/* SHOP ACTIVE */
ul#zalozky li.shop a.active span.left {
	background: url("/img/zalozka_shop_left_active.png") no-repeat center top;
}
ul#zalozky li.shop a.active span.right {
	background: url("/img/zalozka_shop_right_active.png") no-repeat center top;
}
ul#zalozky li.shop a.active span.text_link{
	background-color:#00BFF3;
	color:#fff;
}
/* KAVA */
ul#zalozky li.kava a span.left {
	background: url("/img/zalozka_kava_left.png") no-repeat center top;
}
ul#zalozky li.kava a span.right {
	background: url("/img/zalozka_kava_right.png") no-repeat center top;
}
ul#zalozky li.kava a span.text_link{
	color:#2a2b2c;
}
/* SHOP ACTIVE */
ul#zalozky li.kava a.active span.left {
	background: url("/img/zalozka_kava_left_active.png") no-repeat center top;
}
ul#zalozky li.kava a.active span.right {
	background: url("/img/zalozka_kava_right_active.png") no-repeat center top;
}
ul#zalozky li.kava a.active span.text_link{
	background-color:#2a2b2c;
	color:#fff;
}
/*---------------------- Blikajuca posta ikonka-----------------------------------------*/


.popbox22 > a > img._active
{
	animation: blink 1s;
    animation-iteration-count: 2;
    
}
@keyframes blink { 
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}  
	100% {
		opacity: 1;
	}  
}

/* ---------------------------- plavajuca help ikona ----------------------------- */
#floating-button
{
	position: fixed !important;
    bottom: 17px !important;
    right: 10px !important;
    left: auto !important;
	z-index: 9997 !important;
	cursor: pointer;
	background: rgb(198,215,222);
    background: radial-gradient(circle, rgb(200 233 247) 0%, rgb(255 255 255 / 0%) 71%);
    background-position: 0px 1px;
}
.explanse-buble
{
    position: absolute;
    bottom: -30px;
    right: 31px;
    z-index: 154;
}
.float_message
{
    display: none;
    position: fixed !important;
    bottom: 101px !important;
    right: 3px !important;
    left: auto !important;
    /* z-index: 9000000 !important; */
    width: 205px;
    background-color: #C6E9FA;
    border: 2px solid #C6E9FA;
    padding: 15px;
    z-index: 9997;
   /* border-radius: 24px 21px 17px 16px;*/
   /* border-radius: 24px 21px 17px 16px;*/
    border-radius: 30px;
}
.float_message h2
{
	margin-bottom: 5px;
	font-size: 12px;
	padding: 0;
}
.float_message textarea
{
    border-radius: 5px;
    border: 1px solid #bce1f3;
	width: 192px;
    height: 133px;
    border-radius: 13px;
    padding: 6px;
	outline: none;
}
.float_message button#submit
{
    position: absolute;
    bottom: 8px;
    right: 7px;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    outline: none;
    /* border-color: #88cdef; */
    border: 0px solid #88cdef;
    background: #f58220;
    cursor: pointer;
    background: url(/images/send-mail.png) #f58220;
    background-position: 5px;
    background-repeat: no-repeat;
}
.float_message button#submit:hover
{
 	background: url(/images/send-mail_h.png) #88cdef;
	background-position: 5px;
    background-repeat: no-repeat;
}
.float_message button#submit.odosielasa
{
	background:#f58220 !important;
	width: auto;
    color: #fff;
}
.flmozgo figure
{
	border-radius: 50%;
    width: 8px;
    height: 8px;
    background: white;
    border: 1px solid black;
    position: absolute;
    z-index: 5;
    color: black;
    font-size: 12px;
    line-height: 0.9em;
    padding: 2px;
    font-weight: bold;
    text-align: center;
	cursor:pointer;
	transition: 0.1 ease-out;
	position: fixed !important;
    bottom: 65px !important;
    right: 10px !important;
    right: 2px !important;
    left: auto !important;
    z-index: 9998 !important;
}
.flmozgo figure:hover
{
	color: #FB001A;
	border: 1px solid #FB001A;
}
.flmozgo figure:before {
    content: "×";
}
.flmozgo figure#hide_message
{
	background: white;
    border: 1px solid #88cdef;
    position: absolute !important;
    padding: 4px;
    color: #88cdef;
    bottom: auto !important;
    right: 3px !important;
    margin-top: -17px;
    margin-right: -4px;
}
#floating-button div.buble-help
{
	background: url('/images/HELP_buble2.png');
	top:50%;left:50%;
	height: 3px;
	width: 3px;
	margin-bottom: 4px;
	display: flex;
	justify-content: center;
	z-index:1;
	position:absolute;
	top: 11%;
    left: 0;
    height: 0px;
    width: 45px;

	transition: all 0.2s ease-out;
}
#floating-button:hover div.buble-help
{
	top: -37px;
    left: 1px;
	height: 33px;
	width: 46px;
	display:flex;
	transition:all 0.35s ease-out;
}
#floating-button .buble-help .float-help
{
	font-size:11px;
	font-family: 'Roboto', sans-serif;
	margin-top: 6px;
	display:none;	
	visibility:hidden;
}
#floating-button:hover .buble-help .float-help
{
	display:block;
	visibility:visible;
}


/* ------------------------------------------------------------------------------ */
/* ---------------------------- Modalny popup ----------------------------- */
#myModal_popup input.button {
	border:0;
	background:#D7D7D7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	color: #08813B;
	font-size: 16px;
	font-weight: bold;
	padding: 8px;
	cursor:pointer;
	
}
small
{
	 font-size: 11px;
}

#myModal_popup .foto {
    float: left;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 0;
    padding-left: 12px;
    width: 80px;
     border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#myModal_popup table tbody tr td.foto_od
{
	vertical-align: top;
    width: 101px;
    padding-bottom: 0px;
}
#myModal_popup table tbody tr td
{
	padding: 0px;
	border-bottom:0px;
}
#myModal_popup .old_message_row {
    float:left;width:80%;padding-bottom:22px;padding-left:8px;min-height:75px;
}

/*------------------------------- listing dokuemntov --------------------*/
 #content .listing_dokumentov {
	margin-left:25px;
}
/* -------------------------- Tabulka formular --------------------------*/
#all_child
{
	width: 100%;
}
/*----------------------------- animacia -----------------------------------------*/
.animate_shadow
{
	animation: blikanie_shadow 1.6s infinite;
	box-shadow: 1px 1px 16px 1px #a52265;
	-webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    margin-bottom: 8px;
}
@keyframes blikanie_shadow {
	0% {
	box-shadow: 1px 1px 17px 1px #a52265;
	}

	25% {
	box-shadow: 1px 1px 13px 1px #a52265;

	}
	50% {
	box-shadow: 1px 1px 10px 1px #a52265;
	}
	75% {
	box-shadow: 1px 1px 13px 1px #a52265;
	}
	100% {
	box-shadow: 1px 1px 17px 1px #a52265;

	}
}
/*----------------------------- Buttony -----------------------------------------*/
#registracia .spat,
#content .hraj,
#content .sleduj,
#content .maluj {
	position:absolute;
	bottom:-5px;
	right:0px;
	display:block;
	float:right;
	background:#5AC8E0;
	background:#D7DF21;
	background:#777777;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding: 8px;
	cursor:pointer;
	line-height: 15px;
}
#content input.button {
    background: none repeat scroll 0 0 #D7D7D7;
    border: 0 none;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
	padding: 8px;
	cursor:pointer;
	line-height: 15px;
}

#content a.hraj,
#content a.sleduj,
#content a.maluj{
	color:#fff;
}

#content a.hraj:hover,
#content a.sleduj:hover,
#content a.maluj:hover {
	color:#000;
}

#content .spat a,
#content .nahlasit a {
	background:#000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	color: #FFFFFF;
	font-size: 0.85rem;
	font-weight: bold;
	padding: 8px;
	text-decoration:none;
	display:block;
	cursor:pointer;
	line-height: 15px;
	box-shadow: inset 0 -0.15rem 0 rgba(0, 0, 0, 0.2);
}
#content .spat a {
	background: none repeat scroll 0 0 #D7D7D7;
    color: #000000;

}
#content .spat a:hover {
	color:#000;
	text-decoration:none;
}
#content .nahlasit a:hover {
	color:#8DC63F;
	text-decoration:none;
}
#content input.button {
    background: none repeat scroll 0 0 #D7D7D7;
    border: 0 none;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    color: #000;
    font-size: 0.85rem;
    font-weight: bold;
	padding: 8px;
	cursor:pointer;
	line-height: 15px;
	box-shadow: inset 0 -0.15rem 0 rgba(0, 0, 0, 0.2);
}
#content input.button:disabled,
#content input.button[disabled] {
	background: none repeat scroll 0 0 #9c9a9a !important;
}
#sidebar_left input[type="submit"], #content input[type=submit], input.submit, a.submit
{
	border:0;
	background:#08813B;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	color: #FFFFFF;
	font-size: 0.85rem;
	font-weight: bold;
	padding: 8px;
	cursor:pointer;
	
	box-shadow: inset 0 -0.15rem 0 rgba(0, 0, 0, 0.2);
	
}
#sidebar_left input[type="submit"].button, #content input[type=submit].button
{
    background: #7D7D7D;
	color: #FFFFFF;
	font-size: 0.85rem;
	padding: 7px;
	box-shadow: inset 0 -0.15rem 0 rgba(0, 0, 0, 0.2);
}
.submit_red
{
  background:#F9021F !important;
  color: #FFFFFF;
}
.green
{
  background:#08813B !important;
  color: #FFFFFF !important;
}
/*----------------------------- podobne dokumenty dig ucebnica -----------------------------------------*/
#content .detail .autor .podobne .foto {
    float: none;
    margin-top: 5px;
    padding: 0;
    width: 61px;
    margin-left: 2px;
}
#content .detail .autor .podobne h2 {
	background: url("../images/detail_h2_bg.png") no-repeat left center;
	font-weight:bold;
	font-size: 13px;
	color: #000000;
	background-color:none;
	margin:0;
	border-radius: 0 0 0 0;	
	width: 94%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#content .detail .autor .podobne  a{
	text-decoration:none;
}
#content .detail .autor .podobne .detail {
	 float: none; 
	 width: calc(100% - 62px);
	padding-top: 2px;
	line-height: 18px;
	width: 94%;
	text-overflow: ellipsis;
	
	overflow: hidden;
   }
#content .detail .autor .podobne .detail > small > span, #sidebar_right .podobne .detail > small > span {
	position: relative;
	width: 94%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.flex
{
	display: flex;
}
.flex.between
{
	justify-content: space-between;
}
.flex.column,
.flex.column_flex
{
	flex-direction: column;
}

.flex.between-mobil-around
{
	justify-content: space-between;
}
.flex.around
{
	justify-content: space-around;
}
.flex.wrap
{
	flex-wrap: wrap;
}
.flex.center-flex
{
	justify-content: center !important;
    align-items: center;
    flex-flow: column;
}
.flex.center
{
	justify-content: center;
}
.stred-vertical
{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex.row,
.flex.row_flex
{
	flex-direction: row !important;
}
.pointer
{
	cursor: pointer;
}
#left-odkaz
{
	width:45px;
	height:322px;
	position:absolute;
	top:16px;
	left:0;
	z-index:2; 
}
#right-odkaz
{
	width:45px;
	height:322px;
	position:absolute;
	top:16px;
	left:497px;
	z-index:2; 
}
/*----------------------------- anketa -----------------------------------------*/
.anketa_extra
{
	font-size: 14px;
	color:red;
}
/*----------------------------- ---------- -----------------------------------------*/
#overlay .loading {
    position: relative;
    display: inline-flex;
    margin: 0 auto;
    /* width: 1px; */
}
.se-pre-con {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #581c3b73;
    display: flex;
    justify-content: space-around;
    align-content: center;
    flex-direction: column;
}

.se-pre-con .rotacia{
    top: -55px;
    position: absolute;
    left: -55px;
    -webkit-animation-name: spinvpravo;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier;
    -moz-animation-name: spinvpravo;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: cubic-bezier;
    -ms-animation-name: spinvpravo;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: cubic-bezier;

    animation-name: spinvpravo;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier;
}
.se-pre-con .rotacia.vlavo
{
	-webkit-animation-name: spinvlavo;
	-moz-animation-name: spinvlavo;
	-ms-animation-name: spinvlavo;
	animation-name: spinvlavo;
}

.se-pre-con .posbigkol{
    position: absolute;
  /*  left: -52px;
    top: 1px;*/
}

@keyframes spinvpravo {
    from {
        -ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg); /* IE 9 */
	-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
	transform: rotate(360deg);
    }
}

@keyframes spinvlavo {
    from {
        -ms-transform: rotate(360deg); /* IE 9 */
	-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
	transform: rotate(360deg);
    }
    to {
        -ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
    }
}
/*----------------------------- ---------- -----------------------------------------*/
#sidebar_left h2.mobil_ikony_header
{
	/*background-color: #5bc8e0;*/
	background: #98DAEA;
    background-position: calc(99% - 5px) 2px;
    background-repeat: no-repeat;
	margin-bottom: 0px;
	color: #000;
   /* margin-top: 13px;*/
    cursor: pointer;
    background-size: 163px auto;
}
#sidebar_left h2.metodik_predmet_rozkliknuty {
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
}
#sidebar_left .mobil_ikony, .mobil_ikony
{
	justify-content: space-evenly;
    display: flex;
    flex-wrap: wrap;
	/*background: linear-gradient(#98DAEA, #98DAEA);*/
	background: #98DAEA;
    /*border-radius:8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;*/
    background-size: auto;
	/*margin-top: 1px;*/
	padding-top: 13px;
	padding-bottom: 0px;
}
#sidebar_left .mobil_ikony.bgwhite
{
	background: #fff;
}
.menu_img_div
{
	text-align: center;
}
#sidebar_left .metodik_img_div span, #sidebar_left .menu_img_div span, .menu_img_div span
{
	position: relative; 
	font-size: 12px;
	
	color: #000;
	display: contents;
}
#sidebar_left .metodik_img_div a,#sidebar_left .menu_img_div a, .menu_img_div a
{
	text-decoration: none;
}

/*----------------------------- ---------- -----------------------------------------*/
.border-right {
	border-right: 1px solid #e7e7e7;

}
.border-bottom {
	border-bottom: 1px solid #e7e7e7;

}
._33percen
{
	width: 33%;
}
/*----------------------------- ---------- -----------------------------------------*/
#video_poster{
--width: 542px;
width: var(--width);
height: calc(var(--width) * 0.633);
background-image: url(/img/video_poster.png);
background-position: center;
background-repeat: no-repeat;
opacity: 0.5;
color: #fff;
font-size: 17px;

	justify-content: center !important;
    align-items: center;
    flex-flow: column;
}
#video_poster strong {
	font-size: 22px;
}

.color-red, 
.color-red span
{
	color:red !important;
}
.color-green, .color-green span
{
	color:green !important;
}
.pleft25
{
	padding-left: 25px;
}
.pleft15
{
	padding-left: 15px;
}

#footer_wrapper
{
	max-width: 1034px
}