@charset "utf-8";
#app{
	width:100%;
-webkit-overflow-scrolling: touch;
}

/* translate3d */
#main *:not(svg *),
#right_menu *:not(svg *),
#left_menu *:not(svg *),
#mainMenu *:not(svg *){ -webkit-transform: translate3d(0,0,0); }

pre{
	tab-size:4;
	-moz-tab-size: 4;
	-o-tab-size:  4;
}


.text-notice {
    padding: 0px 20px 20px 20px;
    margin-bottom: 20px;
    font-size: 0.85em;
    line-height: 1.5em;
}
.row{width: 100%; *zoom: 1; overflow:auto; position:relative;}
.row:before, .row:after, {display: table; content: ""; line-height: 0;}
.row:after, {clear: both;}

[ax-width],
[ax-grid],
[class^="span"]
{
	display: block;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0px;
	padding:0px;
}

/*
.row.grid4 > div:nth-child(4n+1) {margin-left: 0;}
.row.grid3 > div:nth-child(3n+1) {margin-left: 0;}
.row.grid2 > div:nth-child(2n+1) {margin-left: 0;}
*/

[ax-space]{
	-moz-background-clip: border;     /* Firefox 3.6 */
	-webkit-background-clip: border;  /* Safari 4? Chrome 6? */
	background-clip: border-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
				
	-moz-background-clip: padding;     /* Firefox 3.6 */
	-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
	background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
				
	-moz-background-clip: content;     /* Firefox 3.6 */
	-webkit-background-clip: content;  /* Safari 4? Chrome 6? */
	background-clip: content-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
}



.span1{width:8.33333333333333%;}
.span2{width:16.6666666666667%;}
.span3{width:25%;}
.span4{width:33.3333333333333%;}
.span5{width:41.6666666666667%;}
.span6{width:50%;}
.span7{width:58.3333333333333%;}
.span8{width:66.6666666666667%;}
.span9{width:75%;}
.span10{width:83.3333333333333%;}
.span11{width:91.6666666666667%;}
.span12{width:100%;}
[ax-grid="1"] {width:100%;}
[ax-grid="2"] {width:50%;}
[ax-grid="3"] {width:33.3333333333333%;}
[ax-grid="4"] {width:25%;}
[ax-grid="5"] {width:20%;}
[ax-grid="6"] {width:16.6666666666667%;}
[ax-grid="7"] {width:14.2857142857143%;}
[ax-grid="8"] {width:12.5%;}
[ax-grid="9"] {width:11.1111111111111%;}
[ax-grid="10"] {width:10%;}
[ax-grid="11"] {width:9.09090909090909%;}
[ax-grid="12"] {width:8.33333333333333%;}
[ax-grid="13"] {width:7.69230769230769%;}
[ax-grid="14"] {width:7.14285714285714%;}
[ax-grid="15"] {width:6.66666666666667%;}
[ax-grid="16"] {width:6.25%;}
[ax-grid="17"] {width:5.88235294117647%;}
[ax-grid="18"] {width:5.55555555555556%;}
[ax-grid="19"] {width:5.26315789473684%;}
[ax-grid="20"] {width:5%;}


html{width:100%; height:100%; margin:0; padding:0;}

body{
	width:100%; height:100%; overflow-x:hidden; margin:0; padding:0;
	/* stupid iphone notches */
	padding-top: constant(safe-area-inset-top); /* iOS 11.0 */
	padding-top: env(safe-area-inset-top); /* iOS 11.2 */
}

h1,h2,h3,h4,h5,h6 {font-weight:normal; margin:0; padding:0; width:100%;}

*{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.max-out{
	max-width: 1200px;
	margin: 0 auto;
}

.max-out800{
	max-width: 800px;
	margin: 0 auto;
}

.max-out600{
	max-width: 600px;
	margin: 0 auto;
}

.hidden {display: none !important;}
.visible {display: inline-block !important;}

.oa{overflow-y:auto;overflow-x:hidden;}
.oh{overflow:hidden !important;}

.o0{opacity:0;}
.o1{opacity:1;}

.fl{float:left !important;}
.fr{float:right !important;}

.ib{ display:inline-block; }

.absolute{position:absolute !important;}
.fixed{position:fixed !important;}
.relative{position:relative !important;}

.w80{width:80%;}
.w95{width:95%;}
.w100{width:100%;}

.h100{height:100% !important;}
.fill{width:100%; height:100%;}

.z1{z-index:1;}
.z2{z-index:2;}
.z3{z-index:3;}
.z420{z-index:420;}
.z1000{z-index:1000;}

.tl{top:0px; left:0px;}
.tr{top:0px; right:0px;}
.bl{bottom:0px; left:0px;}
.br{bottom:0px; right:0px;}

.txt-center{text-align:center !important;}
.txt-left{text-align:left !important;}
.txt-right{text-align:right !important;}

.really-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

.kinda-center {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

.center{
  margin:0 auto;
}


.txt-s{font-size:.9em !important;}
.txt-xs{font-size:.83em !important;}
.txt-xxs{font-size:.70em !important;}

.txt-thin{font-weight:300 !important;}

.txt-m{font-size:1.1em !important;}

.txt-l{font-size:1.2em !important;}
.txt-xl{font-size:1.4em !important;}
.txt-xxl{font-size:1.6em !important;}
.txt-xxxl{font-size:2em !important;}

.t{font-weight:300;}
.sb{font-weight:600;}
.b{font-weight:700;}
.i{font-style:italic;}
.u{text-decoration:underline;}
.u2{border-bottom: solid thin}
.up{text-transform:uppercase;}
.cap{text-transform:capitalize;}
.lc{text-transform: lowercase;}

.hover-b:hover{ font-weight: 700;}

.p0{padding:0px !important}
.pt0{padding-top:0px !important}
.pb0{padding-bottom:0px !important}
.pl0{padding-left:0px !important}
.pr0{padding-right:0px !important}
.plr0{padding-left:0px !important;padding-right:0px !important}
.ptb0{padding-top:0px !important;padding-bottom:0px !important}

.p5{padding:5px !important}
.pt5{padding-top:5px !important}
.pb5{padding-bottom:5px !important}
.pl5{padding-left:5px !important}
.pr5{padding-right:5px !important}
.plr5{padding-left:5px !important;padding-right:5px !important}
.ptb5{padding-top:5px !important;padding-bottom:5px !important}

.p10{padding:10px !important}
.pt10{padding-top:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}
.pr10{padding-right:10px !important}
.plr10{padding-left:10px !important;padding-right:10px !important}
.ptb10{padding-top:10px !important;padding-bottom:10px !important}

.p15{padding:15px !important}
.pt15{padding-top:15px !important}
.pb15{padding-bottom:15px !important}
.pl15{padding-left:15px !important}
.pr15{padding-right:15px !important}
.plr15{padding-left:15px !important;padding-right:15px !important}
.ptb15{padding-top:15px !important;padding-bottom:15px !important}

.p20{padding:20px !important}
.pt20{padding-top:20px !important}
.pb20{padding-bottom:20px !important}
.pl20{padding-left:20px !important}
.pr20{padding-right:20px !important}
.plr20{padding-left:20px !important;padding-right:20px !important}
.ptb20{padding-top:20px !important;padding-bottom:20px !important}

.p25{padding:25px !important}
.pt25{padding-top:25px !important}
.pb25{padding-bottom:25px !important}
.pl25{padding-left:25px !important}
.pr25{padding-right:25px !important}
.plr25{padding-left:25px !important;padding-right:25px !important}
.ptb25{padding-top:25px !important;padding-bottom:25px !important}

.p30{padding:30px !important}
.pt30{padding-top:30px !important}
.pb30{padding-bottom:30px !important}
.pl30{padding-left:30px !important}
.pr30{padding-right:30px !important}
.plr30{padding-left:30px !important;padding-right:30px !important}
.ptb30{padding-top:30px !important;padding-bottom:30px !important}

.p40{padding:40px !important}
.pt40{padding-top:40px !important}
.pb40{padding-bottom:40px !important}
.pl40{padding-left:40px !important}
.pr40{padding-right:40px !important}
.plr40{padding-left:40px !important; padding-right:40px !important}
.ptb40{padding-top:40px !important; padding-bottom:40px !important}

.p50{padding:50px !important}
.pt50{padding-top:50px !important}
.pb50{padding-bottom:50px !important}
.pl50{padding-left:50px !important}
.pr50{padding-right:50px !important}
.plr50{padding-left:50px !important;padding-right:50px !important}
.ptb50{padding-top:50px !important;padding-bottom:50px !important}

.m0{margin:0px !important}
.mt0{margin-top:0px !important}
.mb0{margin-bottom:0px !important}
.mr0{margin-right:0px !important}
.ml0{margin-left:0px !important}
.mtb0{margin-bottom:0px !important;margin-top:0px !important}
.mlr0{margin-left:0px !important;margin-right:0px !important}

.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mb5{margin-bottom:5px !important}
.mr5{margin-right:5px !important}
.ml5{margin-left:5px !important}
.mtb5{margin-bottom:5px !important;margin-top:5px !important}
.mlr5{margin-left:5px !important;margin-right:5px !important}

.m7{margin:7px !important}
.mt7{margin-top:7px !important}
.mb7{margin-bottom:7px !important}
.mr7{margin-right:7px !important}
.ml7{margin-left:7px !important}
.mtb7{margin-bottom:7px !important;margin-top:7px !important}
.mlr7{margin-left:7px !important;margin-right:7px !important}


.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mb10{margin-bottom:10px !important}
.mr10{margin-right:10px !important}
.ml10{margin-left:10px !important}
.mtb10{margin-bottom:10px !important;margin-top:10px !important}
.mlr10{margin-left:10px !important;margin-right:10px !important}

.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mb15{margin-bottom:15px !important}
.mr15{margin-right:15px !important}
.ml15{margin-left:15px !important}
.mtb15{margin-bottom:15px !important;margin-top:15px !important}
.mlr15{margin-left:15px !important;margin-right:15px !important}

.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mb20{margin-bottom:20px !important}
.mr20{margin-right:20px !important}
.ml20{margin-left:20px !important}
.mtb20{margin-bottom:20px !important;margin-top:20px !important}
.mlr20{margin-left:20px !important;margin-right:20px !important}

.m25{margin:25px !important}
.mt25{margin-top:25px !important}
.mb25{margin-bottom:25px !important}
.mr25{margin-right:25px !important}
.ml25{margin-left:25px !important}
.mtb25{margin-bottom:25px !important;margin-top:25px !important}
.mlr25{margin-left:25px !important;margin-right:25px !important}

.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mb30{margin-bottom:30px !important}
.mr30{margin-right:30px !important}
.ml30{margin-left:30px !important}
.mtb30{margin-bottom:30px !important;margin-top:30px !important}
.mlr30{margin-left:30px !important;margin-right:30px !important}

.m35{margin:35px !important}
.mt35{margin-top:35px !important}
.mb35{margin-bottom:35px !important}
.mr35{margin-right:35px !important}
.ml35{margin-left:35px !important}
.mtb35{margin-bottom:35px !important;margin-top:35px !important}
.mlr35{margin-left:35px !important;margin-right:35px !important}

.m40{margin:40px !important}
.mt40{margin-top:40px !important}
.mb40{margin-bottom:40px !important}
.mr40{margin-right:40px !important}
.ml40{margin-left:40px !important}
.mtb40{margin-bottom:40px !important;margin-top:40px !important}
.mlr40{margin-left:40px !important;margin-right:40px !important}

.m45{margin:45px !important}
.mt45{margin-top:45px !important}
.mb45{margin-bottom:45px !important}
.mr45{margin-right:45px !important}
.ml45{margin-left:45px !important}
.mtb45{margin-bottom:45px !important;margin-top:45px !important}
.mlr45{margin-left:45px !important;margin-right:45px !important}

.m50{margin:50px !important}
.mt50{margin-top:50px !important}
.mb50{margin-bottom:50px !important}
.mr50{margin-right:50px !important}
.ml50{margin-left:50px !important}
.mtb50{margin-bottom:50px !important;margin-top:50px !important}
.mlr50{margin-left:50px !important;margin-right:50px !important}

.m70{margin:70px !important}
.mt70{margin-top:70px !important}
.mb70{margin-bottom:70px !important}
.mr70{margin-right:70px !important}
.ml70{margin-left:70px !important}
.mtb70{margin-bottom:70px !important;margin-top:70px !important}
.mlr70{margin-left:70px !important;margin-right:70px !important}

.m100{margin:100px !important}
.mt100{margin-top:100px !important}
.mb100{margin-bottom:100px !important}
.mr100{margin-right:100px !important}
.ml100{margin-left:100px !important}
.mtb100{margin-bottom:100px !important;margin-top:100px !important}
.mlr100{margin-left:100px !important;margin-right:100px !important}

.video-container {
  padding:10px;
  float:left;
}

.video-box {
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
  background-color:#d2cdcd;
  background-size:contain;
  background-repeat:no-repeat;
  cursor:pointer;
  position:relative;
}

.video-title{
  font-size: .9em;
  padding: 5px 0px;
  color: #777;
}

.video-box:hover .video-play {
  opacity: 1;
}

.video-play{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 200ms ease;
  background-color: rgba(0, 0, 0, 0.40);
  font-size: 5em;
  color: #fff;
}

.pointer{
  cursor: pointer;
}

.dont-wrap{
  white-space:nowrap;
  display:block;
  float:left;
  overflow:hidden;
  text-overflow: ellipsis;
}

.animate-transition{
 -webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	  -o-transition: all 250ms ease-in-out;
		 transition: all 250ms ease-in-out;
}
.animate-opacity{
 -webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	  -o-transition: opacity 250ms ease-in-out;
		 transition: opacity 250ms ease-in-out;
}
.animate-opacity2{
 -webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	  -o-transition: opacity 500ms ease-in-out;
		 transition: opacity 500ms ease-in-out;
}

.spin-cw{
	-webkit-animation: cwSpin 1s linear .2s infinite;
	-moz-animation: cwSpin .666s linear .2s infinite;
	-o-animation: cwSpin .666s linear .2s infinite;
	-ms-animation: cwSpin .666s linear .2s infinite;
	animation: cwSpin .666s linear .2s infinite;
}

.spin-ccw{
	-webkit-animation: ccwSpin 1s linear .2s infinite;
	-moz-animation: ccwSpin .666s linear .2s infinite;
	-o-animation: ccwSpin .666s linear .2s infinite;
	-ms-animation: ccwSpin .666s linear .2s infinite;
	animation: ccwSpin .666s linear .2s infinite;
}

@-webkit-keyframes cwSpin
{
	0%{-webkit-transform:rotate(0deg);	}
	100%{-webkit-transform:rotate(360deg); }
}
@-moz-keyframes cwSpin
{
	0%{-moz-transform:rotate(0deg);	}
	100%{-moz-transform:rotate(360deg); }
}
@-ms-keyframes cwSpin
{
	0%{-ms-transform:rotate(0deg);	}
	100%{-ms-transform:rotate(360deg); }
}
@-o-keyframes cwSpin
{
	0%{-o-transform:rotate(0deg);	}
	100%{-o-transform:rotate(360deg); }
}
@keyframes cwSpin
{
	0%{transform:rotate(0deg);	}
	100%{transform:rotate(360deg); }
}

@-webkit-keyframes ccwSpin
{
	0%{-webkit-transform:rotate(0deg);	}
	100%{-webkit-transform:rotate(-360deg); }
}
@-moz-keyframes ccwSpin
{
	0%{-moz-transform:rotate(0deg);	}
	100%{-moz-transform:rotate(-360deg); }
}
@-ms-keyframes ccwSpin
{
	0%{-ms-transform:rotate(0deg);	}
	100%{-ms-transform:rotate(-360deg); }
}
@-o-keyframes ccwSpin
{
	0%{-o-transform:rotate(0deg);	}
	100%{-o-transform:rotate(-360deg); }
}
@keyframes ccwSpin
{
	0%{transform:rotate(0deg);	}
	100%{transform:rotate(-360deg); }
}

.no-select, .no-select * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.no-select, .no-select input {
    -webkit-touch-callout: initial !important;
    -webkit-user-select: initial !important;
    -khtml-user-select: initial !important;
    -moz-user-select: initial !important;
    -ms-user-select: initial !important;
    user-select: initial !important;
}


.error{color:#CA3535;}

/* -- Used for measuring scroll abr width -- thanks --> http://davidwalsh.name/detect-scrollbar-width */
.scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}

.sidebar-space{overflow-y: scroll;}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: block;}

.draggable{
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.draggable:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.dp-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.75)}.dp{position:relative;background:#FFF;box-shadow:2px 2px 16px rgba(0,0,0,0.25);line-height:1.4;border-radius:4px;max-height:450px;z-index:1000;padding-top:6px;overflow:hidden;-webkit-tap-highlight-color:transparent}.dp:before{content:' ';height:6px;position:absolute;top:0;left:0;right:0;background:#3b99fc;background:linear-gradient(-90deg,#3b99fc 0,#8aefc8 100%)}.dp-permanent .dp{padding-top:0;border:1px solid #EEE;box-shadow:none}.dp-permanent .dp:before{display:none}.dp-cal{min-height:300px}.dp-below{position:absolute;font-size:.8em;width:400px;max-width:100vw}.dp-permanent{position:relative;font-size:.8em;width:400px;max-width:100vw}.dp-permanent .dp{z-index:0}.dp-modal .dp{position:absolute;top:50%;left:50%;max-width:600px;width:calc(100% - 4em);transform:translate(-50%,-50%);animation:slide-up .3s forwards}.dp-months{padding:24px}.dp-years{box-sizing:border-box;max-height:450px;padding:8px 0;overflow:auto !important}.dp-cal-month,.dp-cal-year,.dp-day,.dp-month,.dp-year{box-sizing:border-box;text-align:center;text-decoration:none;position:relative;color:#3b404d;border-radius:2px;border:0;background:transparent}.dp-cal-header{position:relative;text-align:center;padding-bottom:16px;background:#f5f5f5}.dp-next,.dp-prev{position:absolute;width:30px;height:30px;overflow:hidden;top:14px;color:#777;border-radius:2px;border:0;background:transparent}.dp-next:focus,.dp-prev:focus,.dp-next:hover,.dp-prev:hover{outline:0;color:inherit}.dp-prev{left:24px}.dp-next{right:24px}.dp-prev:before,.dp-next:before{content:'';border:2px solid;width:10px;height:10px;display:inline-block;transform:rotate(-45deg);transition:border-color .2s;margin:9px 0 40px 4px}.dp-prev:before{border-right:0;border-bottom:0}.dp-next:before{border-left:0;border-top:0;margin-left:0;margin-right:4px}.dp-cal-month,.dp-cal-year{display:inline-block;font-size:1.4em;padding:16px 8px 8px;outline:0}.dp-cal-footer{text-align:center;background:#f5f5f5}.dp-day-today:after{content:'';height:0;width:0;border:7px solid #227bd7;border-bottom-color:transparent;border-left-color:transparent;position:absolute;top:0;right:0}.dp-close,.dp-clear,.dp-today{box-sizing:border-box;display:inline-block;width:33%;padding:8px;text-decoration:none;color:inherit;border:0;background:transparent}.dp-permanent .dp-close,.dp-permanent .dp-clear{display:none}.dp-close:active,.dp-clear:active,.dp-today:active,.dp-next:active,.dp-prev:active,.dp-cal-month:active,.dp-cal-year:active{background:#75bcfc;color:white}@media screen and (min-device-width:1200px){.dp-close:hover,.dp-close:focus,.dp-clear:hover,.dp-clear:focus,.dp-today:hover,.dp-today:focus,.dp-next:hover,.dp-next:focus,.dp-prev:hover,.dp-prev:focus,.dp-cal-month:focus,.dp-cal-month:hover,.dp-cal-year:hover,.dp-cal-year:focus{background:#75bcfc;color:white}}.dp-col-header,.dp-day{width:14.28571429%;display:inline-block;padding:8px;text-align:center}.dp-col-header{color:#AAA;text-transform:uppercase;font-weight:300;font-size:.8em;padding:8px 0}.dp-month{width:33%;display:inline-block;padding:8px}.dp-year{display:block;padding:8px 40px;width:100%}.dp-edge-day{color:#AAA}.dp-day:hover,.dp-month:hover,.dp-year:hover,.dp-current:focus,.dp-current,.dp-day:focus,.dp-month:focus,.dp-year:focus{outline:0;background:#75bcfc;color:white}.dp-selected:hover,.dp-selected:focus,.dp-selected{background:#3b99fc;color:#FFF}.dp-day-disabled{background:transparent;color:#DDD}.dp-day-disabled:focus,.dp-day-disabled:hover{background:#DDD}.dp-focuser{position:absolute;z-index:0;top:50%;left:50%}@media(max-width:480px),(max-height:480px){.dp-modal .dp{font-size:.9em;width:auto;width:100%}.dp-day-of-week,.dp-day{padding:8px}}@keyframes slide-up{0%{transform:translate(-50%,100%)}100%{transform:translate(-50%,-50%)}}