/*
*/
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
header{
    display: block;
    z-index: 9;
    position: absolute;
}

div#container {
    height: calc(100% - 56px) !important;
    overflow: hidden;
    top: 56px !important;
    position: relative;
    min-height: auto;
}
@media (max-width: 768px){
	body #container {
		height: 100% !important;
		top: 0px !important;
	}
	.bg-dark {
		background-color: transparent !important;
		padding: 0;
	}
	/*
	.navbar-toggle {
		position: relative;
		float: right;
		padding: 9px 10px;
		margin-top: 8px;
		margin-right: 15px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	*/
	.navbar-dark .navbar-toggler {
		background-color: #203469 !important;
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 9999;
	}
	.leaflet-top {
		bottom: 0 !important;
		top: auto !important;
		margin-bottom: 10px !important;
	}
	div#navbarCollapse {
		background: #203469 !important;
		padding: 10px 19px;
	}
}
body.no-header #container {
    height: 100% !important;
    top: 0px !important;
}

#HTML_menu ul{padding-inline-start:40px;}

#HTML_menu li.active{border-bottom:2px solid black;}
#HTML_menu li > div{cursor:pointer;}
#HTML_menu { position: absolute; left: 10px; top: 10px; z-index: 99999; background-color: rgba(255, 255, 255, 0.16); padding: 37px; backdrop-filter: blur(10px); border-radius: 10px; }
#HTML_submenu ul{padding-inline-start:40px;}
#HTML_submenu li > div{cursor:pointer;}
#HTML_submenu { position: absolute; right: 10px; top: 10px; z-index: 99999; background-color: rgba(255, 255, 255, 0.16); padding: 37px; backdrop-filter: blur(10px); border-radius: 10px; }

.navbar-nav.mr-auto > li{
	text-transform: capitalize;
	margin-right: 24px;
	font-size: 15px;
}
.navbar-nav a.nav-link svg {
    width: 26px;
    margin-right: 15px;
    position: relative;
    top: -1px;
}

.navbar-nav .nav-link{cursor:pointer;}
.navbar-nav .sr-only{display:none;}
.navbar-nav .active .sr-only{display:inline-block;}

.navbar-nav .dropdown-menu{left:auto;}
.navbar-nav .sub-menu {
	text-transform: initial;
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgba(43, 59, 76, 0) !important;
    backdrop-filter: blur(10px);
}

@media (max-width: 768px){
	div#navbarCollapse {
		max-height: 100vh;
		overflow: auto;
	}
}
@media (min-width: 768px){
	.navbar-nav .sub-menu {
		/* background-color: rgba(43, 59, 76, 0.7) !important; */
		background-color: #203469 !important;
	}
	.navbar-expand-md .navbar-nav > li:hover > ul{display:block;}
	.dropdown-menu {
		top: 57px;
	}
	.navbar-expand-md .navbar-nav > .nav-item > .nav-link {
		border-bottom: 17px solid transparent;
	}
	.navbar-nav{
		/* margin-left: 40px; */
		margin-left: 0px;
	}
	nav.navbar {
		height: 56px;
		padding-top: 24px;
		box-sizing: border-box;
	}
	li.nav-item.apply_now_btn {
		position: absolute;
		right: 0;
		background-color: #94a3c0;
		margin: 0 !important;
		top: 0;
		border-left: 1px solid #ffffff;
		height: 100%;
		line-height: 38px;
		width: 166px;
		text-align: center;
		font-size: 15px;
	}
	li.nav-item.apply_now_btn a{
		color: #ffffff !important;
		border: 0px solid transparent;
	}
}
@media (min-width: 768px) and (max-width: 850px){
	.navbar-nav{
		margin-left: 0px;	
	}	
}
.bg-dark {
    background-color: #203469 !important;
    /* background-color: rgba(43, 59, 76,0.43) !important; */
    /* backdrop-filter: blur(10px); */
}























.thumbcontainer {
    width: 100%;
    height: 100%;;
    max-height: 100%;;
    position: fixed;
    left: 0px;
    top: -100%;;
    transition: all 0.5s ease;
    z-index: 6000000;
    background-color: white;
    padding: 5%;
    overflow: auto;
}
.thumbcontainer::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);background-color: transparent;cursor: pointer;}
.thumbcontainer::-webkit-scrollbar{width: 8px;background-color: transparent;cursor: pointer;}
.thumbcontainer::-webkit-scrollbar-thumb{background-color: rgba(42, 58, 75, 0.6);cursor: pointer;transition: all 300ms ease-in-out;border-radius: 900px;}
.thumbcontainer::-webkit-scrollbar-thumb:hover{background-color: rgba(42, 58, 75, 0.9);}
.down {
    top: 56px !important;
}
body.no-header .down {
    top: 0px !important;
}

.wall-thumbnail img {
    max-width: 250px;
}

.box {
    padding: 10px;
    position: relative;
}

.thumbtitle {
    position: absolute;
    bottom: 15px;
    width: 80%;
    left: 0px;
    text-align: center;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    color: white;
    font-size: 1.2em;
    font-weight: 500;
    background: #2B3B4C;
	pointer-events: none;
}

.close-button3 {
    height: 50px;
    width: 50px;
    position: relative;
    box-sizing: border-box;
    line-height: 50px;
    display: inline-block;
}

.close-button3:before,
.close-button3:after {
    transform: rotate(-45deg);
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -25px;
    display: block;
    height: 10px;
    width: 50px;
    background-color: rgb(22, 21, 21);
    transition: all 0.25s ease-out;
}

.close-button3:after {
    transform: rotate(-135deg);
}

.close-button3:hover:before,
.close-button:hover:after {
    transform: rotate(0deg);
}
.close-button4 {
    height: 30px;
    width: 30px;
    position: relative;
    box-sizing: border-box;
    line-height: 33px;
    display: inline-block;
}

.close-button4:before,
.close-button4:after {
    transform: rotate(-45deg);
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -25px;
    display: block;
    height: 7px;
    width: 30px;
    background-color: rgb(255, 255, 255);
    transition: all 0.25s ease-out;
}
.showonsmall {
    display: none;
}
.close-button4:after {
    transform: rotate(-135deg);
}

.close-button4:hover:before,
.close-button:hover:after {
    transform: rotate(0deg);
}
.thumbcloser {
    position: absolute;
    top: 10px;
    right: 10px;
}

.bottomright {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    /* background-color: #ff000069; */
	/* pointer-events: none; */
    z-index: 9;
	display:none;
	transition: all 300ms ease-in-out;
}
body.opened_map .bottomright {
    opacity: 0;
    pointer-events: none;
}
/* .bottomright *{pointer-events: none;} */
#live_presenter_canvas{transform: scale(0.4);transform-origin: left top;}
#live_presenter_video_parent{position: fixed; z-index: -99999; bottom: -1000px; left: -1000px;width:0;height:0;overflow:hidden;}
.bottomright.initialized{display:block;}
.bottomright.initialized .video_btn {
	/* display:none; */
    position: absolute;
    left: 0;
    right: 0;
    top: 75px;
    width: 50px;
    margin: auto;
    height: 50px;
    z-index: 9999999999999;
    color: #ffffff;
    background-color: rgba(32, 52, 105, 0.72);
    border-radius: 110px;
	cursor:pointer;
	pointer-events: none;
	opacity:0;
	transition: all 300ms ease-in-out;
}

@media (max-width: 850px){
	.bottomright.initialized .video_btn {
		top: 35px;
		width: 25px;
		height: 25px;
	}
}
.bottomright.playing:hover .pause_btn{
	/* display:block; */
	opacity:1;
	pointer-events: auto;
}
.bottomright.paused:hover .play_btn{
	/* display:block; */
	opacity:1;
	pointer-events: auto;
}
.bottomright.initialized .stop_btn {
    right: 15px;
    left: auto;
    width: 15px;
    height: 15px;
    top: 15px;
    bottom: auto;
    overflow: hidden;
}
.bottomright.initialized:hover .stop_btn {
    /* display: block; */
	pointer-events: auto;
	opacity:1;
}
.bottomright.initialized .stop_btn svg {
    display: block;
}








.bottomright.close_video_box {
    height: 37px !important;
}
#not_presenter_chromakey_toolbar {
    width: 100%;
    height: 37px;
    color: #ffffff !important;
    background-color: #737f97;
    padding: 9px 0 0 28px;
    box-sizing: border-box;
    font-size: 0.95rem;
	position: relative;
	cursor: pointer;
	color:transparent;
}
#not_presenter_chromakey_toolbar .action_btn {
    position: absolute;
    right: 0;
    background-color: #525e6c;
    top: 0;
    height: 100%;
    width: 37px;
	cursor:pointer;
}
#not_presenter_chromakey_toolbar .action_btn svg {
	fill:#ffffff;
	width:10px;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
    bottom: 0;
}
#not_presenter_chromakey_toolbar .action_btn svg.not_presenter_chromakey_toolbar_closed_svg {display:none;}
#not_presenter_chromakey_toolbar .action_btn svg.not_presenter_chromakey_toolbar_opened_svg {display:block;}
.bottomright.close_video_box #not_presenter_chromakey_toolbar .action_btn svg.not_presenter_chromakey_toolbar_closed_svg {display:block !important;transform: rotate(180deg);}
.bottomright.close_video_box #not_presenter_chromakey_toolbar .action_btn svg.not_presenter_chromakey_toolbar_opened_svg {display:none !important;}
.bottomright.not_presenter_chromakey {background-color: #94a3c0;}
.bottomright.not_presenter_chromakey .stop_btn{display:none !important;}
.bottomright.close_video_box.not_presenter_chromakey #not_presenter_chromakey_toolbar{color:#ffffff;}

.bottomright.presenter_chromakey #not_presenter_chromakey_toolbar {
    display: none;
}
.bottomright.presenter_chromakey.close_video_box #not_presenter_chromakey_toolbar {
    display: block;
}

@media screen and (max-width: 800px) {
	.bottomright.close_video_box #not_presenter_chromakey_toolbar {
		color: transparent !important;
		background-color: transparent;
	}
	.bottomright.close_video_box #not_presenter_chromakey_toolbar .action_btn {
		color: #ffffff !important;
		pointer-events: auto;
	}
	.bottomright.close_video_box {
		background-color: transparent !important;
		pointer-events: none;
	}
}







































.bottomleft {
    position: absolute;
    left: 9px;
    bottom: 11px;
    width: auto;
    height: auto;
    /* background-color: #ff000069; */
    z-index: 9;
    width: 176px;
	transition: all 300ms ease-in-out;
}
body.opened_map .bottomleft{
	pointer-events: none;
	opacity:0;
}
.bottomleft_btn {
    width: 176px;
    height: 41px;
    border: 1px solid #ffffff;
    background-color: #677383;
    color: #ffffff;
    margin-bottom: 6px;
    cursor: pointer;
    text-align: center;
    font-size: 13px;
	display:none;
	position: relative;
}
.bottomleft_btn svg {
	fill:#ffffff;
	width:21px;
	height:21px;
	position:relative;
    position: absolute;
    left: 13px;
    top: 9px;
}
.bottomleft_btn span {
    position: relative;
    padding-left: 10px;
    top: 9px;
    font-size: 12px;
    letter-spacing: 0.5px;
}
@media (max-width: 550px){
	.bottomleft_btn {width: 113px;}
	.bottomleft_btn svg {display:none;}
	.bottomleft_btn span {padding-left: 0;}
}
.topleft {
    position: absolute;
    left: 65px;
    top: 90px;
    width: auto;
    height: auto;
    /* background-color: #ff000069; */
    z-index: 8;
    /* width: 176px; */
    pointer-events: none;
    color: #ffffff;
    font-size: 21px;
    letter-spacing: 2px;
	transition: all 400ms ease-in-out;
}
body.opened_map .topleft {
	pointer-events: none;
	opacity:0;
}
@media (max-width: 850px){
	.topleft{
		left: 25px;
		top: 70px;
		font-size: 14px;
	}	
}
/* .no-header header{display:none;} */
header nav{transition: all 400ms ease-in-out;}
.no-header header nav{top:-40px;opacity:0;pointer-events: none;}
.no-header .topleft{top:50px;}
.leaflet-bottom.leaflet-right {display: none;}
.leaflet-popup-content-wrapper {border-radius: 0 !important;}
.leaflet-popup-content{
	width:228px !important;
	height:89px !important;
	/* background-image: url("data:image/svg+xml, ") !important; */
	background-image: url("data:image/svg+xml, %3Csvg%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.0%22%20width%3D%2264px%22%20height%3D%2264px%22%20viewBox%3D%220%200%20128%20128%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20d%3D%22M64%200L40.08%2021.9a10.98%2010.98%200%200%200-5.05%208.75C34.37%2044.85%2064%2060.63%2064%2060.63V0z%22%20fill%3D%22%23ffb118%22%2F%3E%3Cpath%20d%3D%22M128%2064l-21.88-23.9a10.97%2010.97%200%200%200-8.75-5.05C83.17%2034.4%2067.4%2064%2067.4%2064H128z%22%20fill%3D%22%2380c141%22%2F%3E%3Cpath%20d%3D%22M63.7%2069.73a110.97%20110.97%200%200%201-5.04-20.54c-1.16-8.7.68-14.17.68-14.17h38.03s-4.3-.86-14.47%2010.1c-3.06%203.3-19.2%2024.58-19.2%2024.58z%22%20fill%3D%22%23cadc28%22%2F%3E%3Cpath%20d%3D%22M64%20128l23.9-21.88a10.97%2010.97%200%200%200%205.05-8.75C93.6%2083.17%2064%2067.4%2064%2067.4V128z%22%20fill%3D%22%23cf171f%22%2F%3E%3Cpath%20d%3D%22M58.27%2063.7a110.97%20110.97%200%200%201%2020.54-5.04c8.7-1.16%2014.17.68%2014.17.68v38.03s.86-4.3-10.1-14.47c-3.3-3.06-24.58-19.2-24.58-19.2z%22%20fill%3D%22%23ec1b21%22%2F%3E%3Cpath%20d%3D%22M0%2064l21.88%2023.9a10.97%2010.97%200%200%200%208.75%205.05C44.83%2093.6%2060.6%2064%2060.6%2064H0z%22%20fill%3D%22%23018ed5%22%2F%3E%3Cpath%20d%3D%22M64.3%2058.27a110.97%20110.97%200%200%201%205.04%2020.54c1.16%208.7-.68%2014.17-.68%2014.17H30.63s4.3.86%2014.47-10.1c3.06-3.3%2019.2-24.58%2019.2-24.58z%22%20fill%3D%22%2300bbf2%22%2F%3E%3Cpath%20d%3D%22M69.73%2064.34a111.02%20111.02%200%200%201-20.55%205.05c-8.7%201.14-14.15-.7-14.15-.7V30.65s-.86%204.3%2010.1%2014.5c3.3%203.05%2024.6%2019.2%2024.6%2019.2z%22%20fill%3D%22%23f8f400%22%2F%3E%3Ccircle%20cx%3D%2264%22%20cy%3D%2264%22%20r%3D%222.03%22%2F%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2064%2064%22%20to%3D%22-360%2064%2064%22%20dur%3D%222100ms%22%20repeatCount%3D%22indefinite%22%3E%3C%2FanimateTransform%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
	background-repeat: no-repeat;
	background-position: center;
}
.leaflet-popup-content img{width:100% !important;}















#help_page{
	padding: 0 !important;
    background-color: transparent;
	overflow: hidden;
}
#help_page img{width:100%;cursor: auto;}
#help_page button.htmllightbox-close-small {
    top: 0;
    right: 0;
    opacity: 0;
    width: 70px;
    height: 70px;
}
#help_page button.htmllightbox-close-small svg {
    color: #dddddd;
}
#help_desktop {
    height: 100%;
}
#help_mobile{
    height: 100%;
	display:none;
}
#web_slide_1 {
    position: absolute;
    left: 0;
    top: 0;
	transition: all 500ms ease-in-out;
}
#web_slide_2 {
    position: absolute;
    left: 100%;
    top: 0;
	transition: all 500ms ease-in-out;
}
.help_btn_next {
    position: absolute;
    right: 0;
    bottom: 0;
    /* background-color: #ff000052; */
    width: 100px;
    height: 62px;
    cursor: pointer;
	z-index: 9999;
}
.help_btn_next:hover {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.64);
}
.help_btn_next {
    background-color: #203469;
    color: #ffffff;
    text-align: center;
    font-family: roboto;
    font-weight: 300;
    height: 40px;
    line-height: 40px;
    right: 18px;
    bottom: 18px;
    border-radius: 2px;
}
@media (max-width: 768px){
	.help_btn_next {
		height: 34px;
		width: 70px;
		line-height: 34px;
		right: 18px;
		bottom: 18px;
	}
}
.help_btn_finish {
    position: absolute;
    right: 0;
    bottom: 0;
    /* background-color: #ff000052; */
    width: 100px;
    height: 62px;
    cursor: pointer;
	z-index: 9999;
	display: none;
}
.help_btn_prev {
    position: absolute;
    left: 0;
    bottom: 0;
    /* background-color: #ff000052; */
    width: 100px;
    height: 62px;
    cursor: pointer;
	z-index: 9999;
	display: none;
}
#help_page.page_2 .help_btn_finish {display: block;}
#help_page.page_2 .help_btn_prev {display: block;}
#help_page.page_2 #web_slide_1 {left: -100%;}
#help_page.page_2 #web_slide_2 {left: 0;}

























.select-ctr {
	position: absolute;
    top: 256px;
    right: -101px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 232px;
	height: 370px;
	z-index: 99999999;
    /* background-color: rgba(0,0,0,1); */
	pointer-events: none;
}
.select-ctr.active {
	pointer-events: auto;
}
.select-ctr > div {
	padding: 10px 20px;
	position: absolute;
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	cursor: pointer;
    backdrop-filter: blur(5px);
    border-radius: 4px;
}
.select-ctr .input-5 {
	top: 300px;
}
.select-ctr .input-4 {
	top: 240px;
}
.select-ctr .input-3 {
	top: 180px;
}
.select-ctr .input-2 {
	top: 120px;
}
.select-ctr .input-1 {
	top: 60px;
}
.select-ctr > div.input {
	background-color: rgba(32, 52, 105, 0.78);
	color: #ffffff;
	/* box-shadow: 0 2px 15px 3px rgba(0, 0, 0, 0.1); */
	border: 1px solid hsla(224, 53%, 27%, 0.13);
	transition: .15s transform ease;
}
.select-ctr > div.input:hover {
	transform: scale(1.05) !important;
}
.select-ctr > div.input.active {
	/*color: #1D77EF;*/
}
.select-ctr > div.input-preview {
    color: rgba(255, 255, 255, 1);
    position: relative;
    transition: .3s all ease;
    backdrop-filter: blur(5px);
    background-color: rgba(32, 52, 105, 0.68);
    border-radius: 4px;
	pointer-events: auto;
}
.select-ctr > div.input-preview.active {
	color: white;
}
.select-ctr > div.input-preview:before {
	content: "";
	position: absolute;
	top: 18px;
	right: 20px;
	bottom: 20px;
	width: 20px;
	background: rgba(255, 255, 255, 0.75);
	-webkit-clip-path: polygon(50% 73%, 0 0, 100% 0);
	clip-path: polygon(50% 73%, 0 0, 100% 0);
	padding: 10px;
	box-sizing: border-box;
	transition: .3s all ease;
}
.select-ctr > div.input-preview.active:before {
	background: white;
	-webkit-clip-path: polygon(50% 0, 0 73%, 100% 73%);
	clip-path: polygon(50% 0, 0 73%, 100% 73%);
}






















#hidden_map_magker_container{position: fixed; z-index: -99999; bottom: -1000px; left: -1000px;width:0;height:0;overflow:hidden;}

#map_select_marker {
	transition: all 0.5s ease;
    width: 186px;
    height: 225px;
    position: absolute;
    right: 0;
    top: calc(50% - 112px - 10%);
    margin: auto;
    /* bottom: 0; */
    background-color: #94a3c0;
    z-index: 999999999;
    padding: 0;
	overflow:hidden;
}
@media (max-width: 768px){
	#map_select_marker {
		top: 70px;
	}
}
@media (max-width: 500px){
	#map_select_marker {
		top: 67px;
	}
}
#map_select_marker.close_marker_list {
    height: 37px;
}
#map_select_marker-header {
    width: 100%;
    height: 37px;
    color: #ffffff;
    background-color: #737f97;
    padding: 9px 0 0 28px;
    box-sizing: border-box;
    font-size: 0.95rem;
	position: relative;
}
#map_select_marker-header .action_btn {
    position: absolute;
    right: 0;
    background-color: #525e6c;
    top: 0;
    height: 100%;
    width: 37px;
	cursor:pointer;
}
#map_select_marker-header .action_btn svg {
	fill:#ffffff;
	width:10px;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
    bottom: 0;
}
#map_select_marker-header .action_btn svg.map_select_marker_closed_svg {display:none;}
#map_select_marker-header .action_btn svg.map_select_marker_opened_svg {display:block;}
#map_select_marker.close_marker_list #map_select_marker-header .action_btn svg.map_select_marker_closed_svg {display:block !important;}
#map_select_marker.close_marker_list #map_select_marker-header .action_btn svg.map_select_marker_opened_svg {display:none !important;}



.map_select_marker-item {
    width: 100%;
    height: 21px;
    margin-top: 12px;
    color: #ffffff;
    padding: 0px 0 0 70px;
    box-sizing: border-box;
    font-size: 0.90rem;
    position: relative;
    line-height: 1.2rem;
	cursor:pointer;
}
.map_select_marker-item .action_btn {
    position: absolute;
    left: 28px;
    top: 0;
    height: 100%;
    width: 28px;
	cursor:pointer;
}
.map_select_marker-item .action_btn svg {display:none;}
.map_select_marker-item.map_select_marker-item_active .action_btn svg {display:block;}
.map_select_marker-item.all_school .action_btn {background-color: #ffffff;}
.map_select_marker-item.early_years .action_btn {background-color: #f6dcc1;}
.map_select_marker-item.junior_school .action_btn {background-color: #eaa794;}
.map_select_marker-item.senior_school .action_btn {background-color: #cbdcd4;}
.map_select_marker-item.sixth_form .action_btn {background-color: #c9d5e1;}
.map_select_marker-item .action_btn svg {
	fill:#ffffff;
	width:10px;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
    bottom: 0;
}

















































/* infobox */
svg#infobox_close_btn {
    display: block !important;
    position: absolute;
    right: -30px;
    top: -4px;
    width: 24px;
    height: 24px;
    z-index: 9999;
    fill: #ffffff;
    /* background-color: rgba(0, 0, 0, 0.39); */
    padding: 2px;
    box-sizing: border-box;
    border-radius: 5px;
    cursor: pointer;
}
.infomedia > * {
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}
.q-dialog .q-dialog__inner>div {
    overflow: inherit !important;
}

.q-dialog .fixed,.q-dialog  .fixed-bottom,.q-dialog  .fixed-bottom-left,.q-dialog .fixed-bottom-right,.q-dialog  .fixed-center,.q-dialog  .fixed-full,.q-dialog  .fixed-left,.q-dialog  .fixed-right,.q-dialog  .fixed-top,.q-dialog  .fixed-top-left,.q-dialog  .fixed-top-right,.q-dialog.fullscreen {
    position: fixed;
}
.q-dialog .absolute-full,.q-dialog  .fixed-full, .q-dialog.fullscreen {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.q-dialog a{
    color:#000000;
	text-decoration: underline;
}
.q-dialog .flex-center,.q-dialog  .items-center {
    align-items: center;
}
.q-dialog .flex-center,.q-dialog  .justify-center {
    justify-content: center;
}
.q-dialog .column,.q-dialog  .flex,.q-dialog  .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
}
.q-dialog.fullscreen *,.q-dialog.fullscreen :after,.q-dialog.fullscreen :before {
    box-sizing: inherit;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
}
.no-pointer-events {
    pointer-events: none!important;
}
.q-dialog.fullscreen {
    z-index: 6000;
    border-radius: 0!important;
    max-width: 100vw;
    max-height: 100vh;
    position: fixed;
}
.q-dialog{
    transition: all 300ms ease-in-out;
    transform: scale(1);
	opacity:1;
}

.q-card::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);background-color: transparent;cursor: pointer;}
.q-card::-webkit-scrollbar{width: 8px;background-color: transparent;cursor: pointer;}
.q-card::-webkit-scrollbar-thumb{background-color: rgba(42, 58, 75, 0.6);cursor: pointer;transition: all 300ms ease-in-out;border-radius: 900px;}
.q-card::-webkit-scrollbar-thumb:hover{background-color: rgba(42, 58, 75, 0.9);}

.q-dialog.hide_popup *{
    pointer-events: none !important;
}
.q-dialog.hide_popup{
    pointer-events: none;
    /* transform: scale(0); */
	opacity:0;
}
.q-dialog .q-dialog__backdrop {
    z-index: -1;
    pointer-events: all;
    background: rgba(0,0,0,0.4);
}
.q-dialog .q-dialog__inner--minimized {
    padding: 24px;
}
.q-dialog .q-dialog__inner {
    outline: 0;
}
.q-dialog .q-card__actions {
    padding: 8px;
    align-items: center;
}
.q-dialog .q-card__section--vert {
    padding: 16px;
}
.q-dialog .q-card__section--vert {
    padding: 16px;
}
.q-dialog .q-card__section {
    position: relative;
}
.q-dialog .q-card>div {
    border-left: 0;
    border-right: 0;
    box-shadow: none;
}
.q-dialog .q-card {
    box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
    border-radius: 4px;
    vertical-align: top;
    background: #fff;
    position: relative;
	transition: all 300ms ease-in-out;
	transform:scale(0);
	transform:scale(1);
}
.q-dialog.hide_popup .q-card{
	transform:scale(0);
}
.q-dialog .q-dialog__inner>div {
    pointer-events: all;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
    border-radius: 4px;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px rgba(0,0,0,0.14), 0 1px 10px rgba(0,0,0,0.12);
}
.q-dialog .q-dialog__inner--minimized>div {
    max-height: calc(100vh - 48px);
}
.q-dialog .q-card>div:first-child,.q-dialog .q-card>img:first-child {
    border-top: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.q-dialog .q-card>div:not(:last-child),.q-dialog .q-card>img:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.q-dialog .q-card>div:not(:first-child),.q-dialog .q-card>img:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.q-dialog .infoabovetitle {
    font-size: 0.8em;
    font-weight: 500;
}
.q-dialog .infotitle {
    font-size: 1.1em;
    font-weight: 700;
}
.q-dialog .infocontent {
    font-size: 0.8em;
    font-weight: 400;
}
.q-dialog .taggies {
    font-size: 0.8em;
    cursor: pointer;
}
.q-dialog .taggies a {
    padding: 5px;
}

@media (min-width: 0) {
    .flex>.col,.flex>.col-0,.flex>.col-1,.flex>.col-2,.flex>.col-3,.flex>.col-4,.flex>.col-5,.flex>.col-6,.flex>.col-7,.flex>.col-8,.flex>.col-9,.flex>.col-10,.flex>.col-11,.flex>.col-12,.flex>.col-auto,.flex>.col-grow,.flex>.col-shrink,.flex>.col-xs,.flex>.col-xs-0,.flex>.col-xs-1,.flex>.col-xs-2,.flex>.col-xs-3,.flex>.col-xs-4,.flex>.col-xs-5,.flex>.col-xs-6,.flex>.col-xs-7,.flex>.col-xs-8,.flex>.col-xs-9,.flex>.col-xs-10,.flex>.col-xs-11,.flex>.col-xs-12,.flex>.col-xs-auto,.flex>.col-xs-grow,.flex>.col-xs-shrink,.row>.col,.row>.col-0,.row>.col-1,.row>.col-2,.row>.col-3,.row>.col-4,.row>.col-5,.row>.col-6,.row>.col-7,.row>.col-8,.row>.col-9,.row>.col-10,.row>.col-11,.row>.col-12,.row>.col-auto,.row>.col-grow,.row>.col-shrink,.row>.col-xs,.row>.col-xs-0,.row>.col-xs-1,.row>.col-xs-2,.row>.col-xs-3,.row>.col-xs-4,.row>.col-xs-5,.row>.col-xs-6,.row>.col-xs-7,.row>.col-xs-8,.row>.col-xs-9,.row>.col-xs-10,.row>.col-xs-11,.row>.col-xs-12,.row>.col-xs-auto,.row>.col-xs-grow,.row>.col-xs-shrink {
        width:auto;
        min-width: 0;
        max-width: 100%
    }

    .column>.col,.column>.col-0,.column>.col-1,.column>.col-2,.column>.col-3,.column>.col-4,.column>.col-5,.column>.col-6,.column>.col-7,.column>.col-8,.column>.col-9,.column>.col-10,.column>.col-11,.column>.col-12,.column>.col-auto,.column>.col-grow,.column>.col-shrink,.column>.col-xs,.column>.col-xs-0,.column>.col-xs-1,.column>.col-xs-2,.column>.col-xs-3,.column>.col-xs-4,.column>.col-xs-5,.column>.col-xs-6,.column>.col-xs-7,.column>.col-xs-8,.column>.col-xs-9,.column>.col-xs-10,.column>.col-xs-11,.column>.col-xs-12,.column>.col-xs-auto,.column>.col-xs-grow,.column>.col-xs-shrink,.flex>.col,.flex>.col-0,.flex>.col-1,.flex>.col-2,.flex>.col-3,.flex>.col-4,.flex>.col-5,.flex>.col-6,.flex>.col-7,.flex>.col-8,.flex>.col-9,.flex>.col-10,.flex>.col-11,.flex>.col-12,.flex>.col-auto,.flex>.col-grow,.flex>.col-shrink,.flex>.col-xs,.flex>.col-xs-0,.flex>.col-xs-1,.flex>.col-xs-2,.flex>.col-xs-3,.flex>.col-xs-4,.flex>.col-xs-5,.flex>.col-xs-6,.flex>.col-xs-7,.flex>.col-xs-8,.flex>.col-xs-9,.flex>.col-xs-10,.flex>.col-xs-11,.flex>.col-xs-12,.flex>.col-xs-auto,.flex>.col-xs-grow,.flex>.col-xs-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }

    .col,.col-xs {
        flex: 10000 1 0%
    }

    .col-0,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-xs-0,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto {
        flex: 0 0 auto
    }

    .col-grow,.col-xs-grow {
        flex: 1 0 auto
    }

    .col-shrink,.col-xs-shrink {
        flex: 0 1 auto
    }

    .row>.col-0,.row>.col-xs-0 {
        height: auto;
        width: 0%
    }

    .row>.offset-0,.row>.offset-xs-0 {
        margin-left: 0%
    }

    .column>.col-0,.column>.col-xs-0 {
        height: 0%;
        width: auto
    }

    .row>.col-1,.row>.col-xs-1 {
        height: auto;
        width: 8.3333%
    }

    .row>.offset-1,.row>.offset-xs-1 {
        margin-left: 8.3333%
    }

    .column>.col-1,.column>.col-xs-1 {
        height: 8.3333%;
        width: auto
    }

    .row>.col-2,.row>.col-xs-2 {
        height: auto;
        width: 16.6667%
    }

    .row>.offset-2,.row>.offset-xs-2 {
        margin-left: 16.6667%
    }

    .column>.col-2,.column>.col-xs-2 {
        height: 16.6667%;
        width: auto
    }

    .row>.col-3,.row>.col-xs-3 {
        height: auto;
        width: 25%
    }

    .row>.offset-3,.row>.offset-xs-3 {
        margin-left: 25%
    }

    .column>.col-3,.column>.col-xs-3 {
        height: 25%;
        width: auto
    }

    .row>.col-4,.row>.col-xs-4 {
        height: auto;
        width: 33.3333%
    }

    .row>.offset-4,.row>.offset-xs-4 {
        margin-left: 33.3333%
    }

    .column>.col-4,.column>.col-xs-4 {
        height: 33.3333%;
        width: auto
    }

    .row>.col-5,.row>.col-xs-5 {
        height: auto;
        width: 41.6667%
    }

    .row>.offset-5,.row>.offset-xs-5 {
        margin-left: 41.6667%
    }

    .column>.col-5,.column>.col-xs-5 {
        height: 41.6667%;
        width: auto
    }

    .row>.col-6,.row>.col-xs-6 {
        height: auto;
        width: 50%
    }

    .row>.offset-6,.row>.offset-xs-6 {
        margin-left: 50%
    }

    .column>.col-6,.column>.col-xs-6 {
        height: 50%;
        width: auto
    }

    .row>.col-7,.row>.col-xs-7 {
        height: auto;
        width: 58.3333%
    }

    .row>.offset-7,.row>.offset-xs-7 {
        margin-left: 58.3333%
    }

    .column>.col-7,.column>.col-xs-7 {
        height: 58.3333%;
        width: auto
    }

    .row>.col-8,.row>.col-xs-8 {
        height: auto;
        width: 66.6667%
    }

    .row>.offset-8,.row>.offset-xs-8 {
        margin-left: 66.6667%
    }

    .column>.col-8,.column>.col-xs-8 {
        height: 66.6667%;
        width: auto
    }

    .row>.col-9,.row>.col-xs-9 {
        height: auto;
        width: 75%
    }

    .row>.offset-9,.row>.offset-xs-9 {
        margin-left: 75%
    }

    .column>.col-9,.column>.col-xs-9 {
        height: 75%;
        width: auto
    }

    .row>.col-10,.row>.col-xs-10 {
        height: auto;
        width: 83.3333%
    }

    .row>.offset-10,.row>.offset-xs-10 {
        margin-left: 83.3333%
    }

    .column>.col-10,.column>.col-xs-10 {
        height: 83.3333%;
        width: auto
    }

    .row>.col-11,.row>.col-xs-11 {
        height: auto;
        width: 91.6667%
    }

    .row>.offset-11,.row>.offset-xs-11 {
        margin-left: 91.6667%
    }

    .column>.col-11,.column>.col-xs-11 {
        height: 91.6667%;
        width: auto
    }

    .row>.col-12,.row>.col-xs-12 {
        height: auto;
        width: 100%
    }

    .row>.offset-12,.row>.offset-xs-12 {
        margin-left: 100%
    }

    .column>.col-12,.column>.col-xs-12 {
        height: 100%;
        width: auto
    }

    .row>.col-all {
        height: auto;
        flex: 0 0 100%
    }
}

@media (min-width: 600px) {
    .flex>.col-sm,.flex>.col-sm-0,.flex>.col-sm-1,.flex>.col-sm-2,.flex>.col-sm-3,.flex>.col-sm-4,.flex>.col-sm-5,.flex>.col-sm-6,.flex>.col-sm-7,.flex>.col-sm-8,.flex>.col-sm-9,.flex>.col-sm-10,.flex>.col-sm-11,.flex>.col-sm-12,.flex>.col-sm-auto,.flex>.col-sm-grow,.flex>.col-sm-shrink,.row>.col-sm,.row>.col-sm-0,.row>.col-sm-1,.row>.col-sm-2,.row>.col-sm-3,.row>.col-sm-4,.row>.col-sm-5,.row>.col-sm-6,.row>.col-sm-7,.row>.col-sm-8,.row>.col-sm-9,.row>.col-sm-10,.row>.col-sm-11,.row>.col-sm-12,.row>.col-sm-auto,.row>.col-sm-grow,.row>.col-sm-shrink {
        width:auto;
        min-width: 0;
        max-width: 100%
    }

    .column>.col-sm,.column>.col-sm-0,.column>.col-sm-1,.column>.col-sm-2,.column>.col-sm-3,.column>.col-sm-4,.column>.col-sm-5,.column>.col-sm-6,.column>.col-sm-7,.column>.col-sm-8,.column>.col-sm-9,.column>.col-sm-10,.column>.col-sm-11,.column>.col-sm-12,.column>.col-sm-auto,.column>.col-sm-grow,.column>.col-sm-shrink,.flex>.col-sm,.flex>.col-sm-0,.flex>.col-sm-1,.flex>.col-sm-2,.flex>.col-sm-3,.flex>.col-sm-4,.flex>.col-sm-5,.flex>.col-sm-6,.flex>.col-sm-7,.flex>.col-sm-8,.flex>.col-sm-9,.flex>.col-sm-10,.flex>.col-sm-11,.flex>.col-sm-12,.flex>.col-sm-auto,.flex>.col-sm-grow,.flex>.col-sm-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }

    .col-sm {
        flex: 10000 1 0%
    }

    .col-sm-0,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto {
        flex: 0 0 auto
    }

    .col-sm-grow {
        flex: 1 0 auto
    }

    .col-sm-shrink {
        flex: 0 1 auto
    }

    .row>.col-sm-0 {
        height: auto;
        width: 0%
    }

    .row>.offset-sm-0 {
        margin-left: 0%
    }

    .column>.col-sm-0 {
        height: 0%;
        width: auto
    }

    .row>.col-sm-1 {
        height: auto;
        width: 8.3333%
    }

    .row>.offset-sm-1 {
        margin-left: 8.3333%
    }

    .column>.col-sm-1 {
        height: 8.3333%;
        width: auto
    }

    .row>.col-sm-2 {
        height: auto;
        width: 16.6667%
    }

    .row>.offset-sm-2 {
        margin-left: 16.6667%
    }

    .column>.col-sm-2 {
        height: 16.6667%;
        width: auto
    }

    .row>.col-sm-3 {
        height: auto;
        width: 25%
    }

    .row>.offset-sm-3 {
        margin-left: 25%
    }

    .column>.col-sm-3 {
        height: 25%;
        width: auto
    }

    .row>.col-sm-4 {
        height: auto;
        width: 33.3333%
    }

    .row>.offset-sm-4 {
        margin-left: 33.3333%
    }

    .column>.col-sm-4 {
        height: 33.3333%;
        width: auto
    }

    .row>.col-sm-5 {
        height: auto;
        width: 41.6667%
    }

    .row>.offset-sm-5 {
        margin-left: 41.6667%
    }

    .column>.col-sm-5 {
        height: 41.6667%;
        width: auto
    }

    .row>.col-sm-6 {
        height: auto;
        width: 50%
    }

    .row>.offset-sm-6 {
        margin-left: 50%
    }

    .column>.col-sm-6 {
        height: 50%;
        width: auto
    }

    .row>.col-sm-7 {
        height: auto;
        width: 58.3333%
    }

    .row>.offset-sm-7 {
        margin-left: 58.3333%
    }

    .column>.col-sm-7 {
        height: 58.3333%;
        width: auto
    }

    .row>.col-sm-8 {
        height: auto;
        width: 66.6667%
    }

    .row>.offset-sm-8 {
        margin-left: 66.6667%
    }

    .column>.col-sm-8 {
        height: 66.6667%;
        width: auto
    }

    .row>.col-sm-9 {
        height: auto;
        width: 75%
    }

    .row>.offset-sm-9 {
        margin-left: 75%
    }

    .column>.col-sm-9 {
        height: 75%;
        width: auto
    }

    .row>.col-sm-10 {
        height: auto;
        width: 83.3333%
    }

    .row>.offset-sm-10 {
        margin-left: 83.3333%
    }

    .column>.col-sm-10 {
        height: 83.3333%;
        width: auto
    }

    .row>.col-sm-11 {
        height: auto;
        width: 91.6667%
    }

    .row>.offset-sm-11 {
        margin-left: 91.6667%
    }

    .column>.col-sm-11 {
        height: 91.6667%;
        width: auto
    }

    .row>.col-sm-12 {
        height: auto;
        width: 100%
    }

    .row>.offset-sm-12 {
        margin-left: 100%
    }

    .column>.col-sm-12 {
        height: 100%;
        width: auto
    }
}

@media (min-width: 1024px) {
    .flex>.col-md,.flex>.col-md-0,.flex>.col-md-1,.flex>.col-md-2,.flex>.col-md-3,.flex>.col-md-4,.flex>.col-md-5,.flex>.col-md-6,.flex>.col-md-7,.flex>.col-md-8,.flex>.col-md-9,.flex>.col-md-10,.flex>.col-md-11,.flex>.col-md-12,.flex>.col-md-auto,.flex>.col-md-grow,.flex>.col-md-shrink,.row>.col-md,.row>.col-md-0,.row>.col-md-1,.row>.col-md-2,.row>.col-md-3,.row>.col-md-4,.row>.col-md-5,.row>.col-md-6,.row>.col-md-7,.row>.col-md-8,.row>.col-md-9,.row>.col-md-10,.row>.col-md-11,.row>.col-md-12,.row>.col-md-auto,.row>.col-md-grow,.row>.col-md-shrink {
        width:auto;
        min-width: 0;
        max-width: 100%
    }

    .column>.col-md,.column>.col-md-0,.column>.col-md-1,.column>.col-md-2,.column>.col-md-3,.column>.col-md-4,.column>.col-md-5,.column>.col-md-6,.column>.col-md-7,.column>.col-md-8,.column>.col-md-9,.column>.col-md-10,.column>.col-md-11,.column>.col-md-12,.column>.col-md-auto,.column>.col-md-grow,.column>.col-md-shrink,.flex>.col-md,.flex>.col-md-0,.flex>.col-md-1,.flex>.col-md-2,.flex>.col-md-3,.flex>.col-md-4,.flex>.col-md-5,.flex>.col-md-6,.flex>.col-md-7,.flex>.col-md-8,.flex>.col-md-9,.flex>.col-md-10,.flex>.col-md-11,.flex>.col-md-12,.flex>.col-md-auto,.flex>.col-md-grow,.flex>.col-md-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }

    .col-md {
        flex: 10000 1 0%
    }

    .col-md-0,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto {
        flex: 0 0 auto
    }

    .col-md-grow {
        flex: 1 0 auto
    }

    .col-md-shrink {
        flex: 0 1 auto
    }

    .row>.col-md-0 {
        height: auto;
        width: 0%
    }

    .row>.offset-md-0 {
        margin-left: 0%
    }

    .column>.col-md-0 {
        height: 0%;
        width: auto
    }

    .row>.col-md-1 {
        height: auto;
        width: 8.3333%
    }

    .row>.offset-md-1 {
        margin-left: 8.3333%
    }

    .column>.col-md-1 {
        height: 8.3333%;
        width: auto
    }

    .row>.col-md-2 {
        height: auto;
        width: 16.6667%
    }

    .row>.offset-md-2 {
        margin-left: 16.6667%
    }

    .column>.col-md-2 {
        height: 16.6667%;
        width: auto
    }

    .row>.col-md-3 {
        height: auto;
        width: 25%
    }

    .row>.offset-md-3 {
        margin-left: 25%
    }

    .column>.col-md-3 {
        height: 25%;
        width: auto
    }

    .row>.col-md-4 {
        height: auto;
        width: 33.3333%
    }

    .row>.offset-md-4 {
        margin-left: 33.3333%
    }

    .column>.col-md-4 {
        height: 33.3333%;
        width: auto
    }

    .row>.col-md-5 {
        height: auto;
        width: 41.6667%
    }

    .row>.offset-md-5 {
        margin-left: 41.6667%
    }

    .column>.col-md-5 {
        height: 41.6667%;
        width: auto
    }

    .row>.col-md-6 {
        height: auto;
        width: 50%
    }

    .row>.offset-md-6 {
        margin-left: 50%
    }

    .column>.col-md-6 {
        height: 50%;
        width: auto
    }

    .row>.col-md-7 {
        height: auto;
        width: 58.3333%
    }

    .row>.offset-md-7 {
        margin-left: 58.3333%
    }

    .column>.col-md-7 {
        height: 58.3333%;
        width: auto
    }

    .row>.col-md-8 {
        height: auto;
        width: 66.6667%
    }

    .row>.offset-md-8 {
        margin-left: 66.6667%
    }

    .column>.col-md-8 {
        height: 66.6667%;
        width: auto
    }

    .row>.col-md-9 {
        height: auto;
        width: 75%
    }

    .row>.offset-md-9 {
        margin-left: 75%
    }

    .column>.col-md-9 {
        height: 75%;
        width: auto
    }

    .row>.col-md-10 {
        height: auto;
        width: 83.3333%
    }

    .row>.offset-md-10 {
        margin-left: 83.3333%
    }

    .column>.col-md-10 {
        height: 83.3333%;
        width: auto
    }

    .row>.col-md-11 {
        height: auto;
        width: 91.6667%
    }

    .row>.offset-md-11 {
        margin-left: 91.6667%
    }

    .column>.col-md-11 {
        height: 91.6667%;
        width: auto
    }

    .row>.col-md-12 {
        height: auto;
        width: 100%
    }

    .row>.offset-md-12 {
        margin-left: 100%
    }

    .column>.col-md-12 {
        height: 100%;
        width: auto
    }
}

@media (min-width: 1440px) {
    .flex>.col-lg,.flex>.col-lg-0,.flex>.col-lg-1,.flex>.col-lg-2,.flex>.col-lg-3,.flex>.col-lg-4,.flex>.col-lg-5,.flex>.col-lg-6,.flex>.col-lg-7,.flex>.col-lg-8,.flex>.col-lg-9,.flex>.col-lg-10,.flex>.col-lg-11,.flex>.col-lg-12,.flex>.col-lg-auto,.flex>.col-lg-grow,.flex>.col-lg-shrink,.row>.col-lg,.row>.col-lg-0,.row>.col-lg-1,.row>.col-lg-2,.row>.col-lg-3,.row>.col-lg-4,.row>.col-lg-5,.row>.col-lg-6,.row>.col-lg-7,.row>.col-lg-8,.row>.col-lg-9,.row>.col-lg-10,.row>.col-lg-11,.row>.col-lg-12,.row>.col-lg-auto,.row>.col-lg-grow,.row>.col-lg-shrink {
        width:auto;
        min-width: 0;
        max-width: 100%
    }

    .column>.col-lg,.column>.col-lg-0,.column>.col-lg-1,.column>.col-lg-2,.column>.col-lg-3,.column>.col-lg-4,.column>.col-lg-5,.column>.col-lg-6,.column>.col-lg-7,.column>.col-lg-8,.column>.col-lg-9,.column>.col-lg-10,.column>.col-lg-11,.column>.col-lg-12,.column>.col-lg-auto,.column>.col-lg-grow,.column>.col-lg-shrink,.flex>.col-lg,.flex>.col-lg-0,.flex>.col-lg-1,.flex>.col-lg-2,.flex>.col-lg-3,.flex>.col-lg-4,.flex>.col-lg-5,.flex>.col-lg-6,.flex>.col-lg-7,.flex>.col-lg-8,.flex>.col-lg-9,.flex>.col-lg-10,.flex>.col-lg-11,.flex>.col-lg-12,.flex>.col-lg-auto,.flex>.col-lg-grow,.flex>.col-lg-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }

    .col-lg {
        flex: 10000 1 0%
    }

    .col-lg-0,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto {
        flex: 0 0 auto
    }

    .col-lg-grow {
        flex: 1 0 auto
    }

    .col-lg-shrink {
        flex: 0 1 auto
    }

    .row>.col-lg-0 {
        height: auto;
        width: 0%
    }

    .row>.offset-lg-0 {
        margin-left: 0%
    }

    .column>.col-lg-0 {
        height: 0%;
        width: auto
    }

    .row>.col-lg-1 {
        height: auto;
        width: 8.3333%
    }

    .row>.offset-lg-1 {
        margin-left: 8.3333%
    }

    .column>.col-lg-1 {
        height: 8.3333%;
        width: auto
    }

    .row>.col-lg-2 {
        height: auto;
        width: 16.6667%
    }

    .row>.offset-lg-2 {
        margin-left: 16.6667%
    }

    .column>.col-lg-2 {
        height: 16.6667%;
        width: auto
    }

    .row>.col-lg-3 {
        height: auto;
        width: 25%
    }

    .row>.offset-lg-3 {
        margin-left: 25%
    }

    .column>.col-lg-3 {
        height: 25%;
        width: auto
    }

    .row>.col-lg-4 {
        height: auto;
        width: 33.3333%
    }

    .row>.offset-lg-4 {
        margin-left: 33.3333%
    }

    .column>.col-lg-4 {
        height: 33.3333%;
        width: auto
    }

    .row>.col-lg-5 {
        height: auto;
        width: 41.6667%
    }

    .row>.offset-lg-5 {
        margin-left: 41.6667%
    }

    .column>.col-lg-5 {
        height: 41.6667%;
        width: auto
    }

    .row>.col-lg-6 {
        height: auto;
        width: 50%
    }

    .row>.offset-lg-6 {
        margin-left: 50%
    }

    .column>.col-lg-6 {
        height: 50%;
        width: auto
    }

    .row>.col-lg-7 {
        height: auto;
        width: 58.3333%
    }

    .row>.offset-lg-7 {
        margin-left: 58.3333%
    }

    .column>.col-lg-7 {
        height: 58.3333%;
        width: auto
    }

    .row>.col-lg-8 {
        height: auto;
        width: 66.6667%
    }

    .row>.offset-lg-8 {
        margin-left: 66.6667%
    }

    .column>.col-lg-8 {
        height: 66.6667%;
        width: auto
    }

    .row>.col-lg-9 {
        height: auto;
        width: 75%
    }

    .row>.offset-lg-9 {
        margin-left: 75%
    }

    .column>.col-lg-9 {
        height: 75%;
        width: auto
    }

    .row>.col-lg-10 {
        height: auto;
        width: 83.3333%
    }

    .row>.offset-lg-10 {
        margin-left: 83.3333%
    }

    .column>.col-lg-10 {
        height: 83.3333%;
        width: auto
    }

    .row>.col-lg-11 {
        height: auto;
        width: 91.6667%
    }

    .row>.offset-lg-11 {
        margin-left: 91.6667%
    }

    .column>.col-lg-11 {
        height: 91.6667%;
        width: auto
    }

    .row>.col-lg-12 {
        height: auto;
        width: 100%
    }

    .row>.offset-lg-12 {
        margin-left: 100%
    }

    .column>.col-lg-12 {
        height: 100%;
        width: auto
    }
}

@media (min-width: 1920px) {
    .flex>.col-xl,.flex>.col-xl-0,.flex>.col-xl-1,.flex>.col-xl-2,.flex>.col-xl-3,.flex>.col-xl-4,.flex>.col-xl-5,.flex>.col-xl-6,.flex>.col-xl-7,.flex>.col-xl-8,.flex>.col-xl-9,.flex>.col-xl-10,.flex>.col-xl-11,.flex>.col-xl-12,.flex>.col-xl-auto,.flex>.col-xl-grow,.flex>.col-xl-shrink,.row>.col-xl,.row>.col-xl-0,.row>.col-xl-1,.row>.col-xl-2,.row>.col-xl-3,.row>.col-xl-4,.row>.col-xl-5,.row>.col-xl-6,.row>.col-xl-7,.row>.col-xl-8,.row>.col-xl-9,.row>.col-xl-10,.row>.col-xl-11,.row>.col-xl-12,.row>.col-xl-auto,.row>.col-xl-grow,.row>.col-xl-shrink {
        width:auto;
        min-width: 0;
        max-width: 100%
    }

    .column>.col-xl,.column>.col-xl-0,.column>.col-xl-1,.column>.col-xl-2,.column>.col-xl-3,.column>.col-xl-4,.column>.col-xl-5,.column>.col-xl-6,.column>.col-xl-7,.column>.col-xl-8,.column>.col-xl-9,.column>.col-xl-10,.column>.col-xl-11,.column>.col-xl-12,.column>.col-xl-auto,.column>.col-xl-grow,.column>.col-xl-shrink,.flex>.col-xl,.flex>.col-xl-0,.flex>.col-xl-1,.flex>.col-xl-2,.flex>.col-xl-3,.flex>.col-xl-4,.flex>.col-xl-5,.flex>.col-xl-6,.flex>.col-xl-7,.flex>.col-xl-8,.flex>.col-xl-9,.flex>.col-xl-10,.flex>.col-xl-11,.flex>.col-xl-12,.flex>.col-xl-auto,.flex>.col-xl-grow,.flex>.col-xl-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }

    .col-xl {
        flex: 10000 1 0%
    }

    .col-xl-0,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto {
        flex: 0 0 auto
    }

    .col-xl-grow {
        flex: 1 0 auto
    }

    .col-xl-shrink {
        flex: 0 1 auto
    }

    .row>.col-xl-0 {
        height: auto;
        width: 0%
    }

    .row>.offset-xl-0 {
        margin-left: 0%
    }

    .column>.col-xl-0 {
        height: 0%;
        width: auto
    }

    .row>.col-xl-1 {
        height: auto;
        width: 8.3333%
    }

    .row>.offset-xl-1 {
        margin-left: 8.3333%
    }

    .column>.col-xl-1 {
        height: 8.3333%;
        width: auto
    }

    .row>.col-xl-2 {
        height: auto;
        width: 16.6667%
    }

    .row>.offset-xl-2 {
        margin-left: 16.6667%
    }

    .column>.col-xl-2 {
        height: 16.6667%;
        width: auto
    }

    .row>.col-xl-3 {
        height: auto;
        width: 25%
    }

    .row>.offset-xl-3 {
        margin-left: 25%
    }

    .column>.col-xl-3 {
        height: 25%;
        width: auto
    }

    .row>.col-xl-4 {
        height: auto;
        width: 33.3333%
    }

    .row>.offset-xl-4 {
        margin-left: 33.3333%
    }

    .column>.col-xl-4 {
        height: 33.3333%;
        width: auto
    }

    .row>.col-xl-5 {
        height: auto;
        width: 41.6667%
    }

    .row>.offset-xl-5 {
        margin-left: 41.6667%
    }

    .column>.col-xl-5 {
        height: 41.6667%;
        width: auto
    }

    .row>.col-xl-6 {
        height: auto;
        width: 50%
    }

    .row>.offset-xl-6 {
        margin-left: 50%
    }

    .column>.col-xl-6 {
        height: 50%;
        width: auto
    }

    .row>.col-xl-7 {
        height: auto;
        width: 58.3333%
    }

    .row>.offset-xl-7 {
        margin-left: 58.3333%
    }

    .column>.col-xl-7 {
        height: 58.3333%;
        width: auto
    }

    .row>.col-xl-8 {
        height: auto;
        width: 66.6667%
    }

    .row>.offset-xl-8 {
        margin-left: 66.6667%
    }

    .column>.col-xl-8 {
        height: 66.6667%;
        width: auto
    }

    .row>.col-xl-9 {
        height: auto;
        width: 75%
    }

    .row>.offset-xl-9 {
        margin-left: 75%
    }

    .column>.col-xl-9 {
        height: 75%;
        width: auto
    }

    .row>.col-xl-10 {
        height: auto;
        width: 83.3333%
    }

    .row>.offset-xl-10 {
        margin-left: 83.3333%
    }

    .column>.col-xl-10 {
        height: 83.3333%;
        width: auto
    }

    .row>.col-xl-11 {
        height: auto;
        width: 91.6667%
    }

    .row>.offset-xl-11 {
        margin-left: 91.6667%
    }

    .column>.col-xl-11 {
        height: 91.6667%;
        width: auto
    }

    .row>.col-xl-12 {
        height: auto;
        width: 100%
    }

    .row>.offset-xl-12 {
        margin-left: 100%
    }

    .column>.col-xl-12 {
        height: 100%;
        width: auto
    }
}









.wall-thumbnail.seen_scene:after { right: 13px; top: 14px; content: "\2713"; position: absolute; background-color: green; width: 18px; height: 18px; border-radius: 50%; color: #ffffff; line-height: 11px; text-align: center; font-size: 16px; font-weight: bold; padding-left: 3px; pointer-events: none; }
li.seen_scene::after { right: 2px; top: 3px; content: "\2713"; position: absolute; background-color: green; width: 18px; height: 18px; border-radius: 50%; color: #ffffff; line-height: 11px; text-align: center; font-size: 16px; font-weight: bold; padding-left: 3px; pointer-events: none; }
.grid-wrapper .media-thumbnail.seen_scene:after{ right: 7px; top: 8px; content: "\2713"; position: absolute; background-color: green; width: 18px; height: 18px; border-radius: 50%; color: #ffffff; line-height: 11px; text-align: center; font-size: 16px; font-weight: bold; padding-left: 3px; pointer-events: none; }