/*padding*/
.p0 {padding: 0px !important;}
.p2 {padding: 2px !important;}
.p3 {padding: 3px !important;}
.p5 {padding: 5px !important;}
.p7 {padding: 7px !important;}
.p8 {padding: 8px !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p20 {padding: 20px !important;}
.p25 {padding: 25px !important;}
.p30 {padding: 30px !important;}
.p40 {padding: 40px !important;}
.p45 {padding: 45px !important;}
.p50 {padding: 50px !important;}
.p60 {padding: 60px !important;}
.p70 {padding: 70px !important;}
.p80 {padding: 80px !important;}
.p100 {padding: 100px !important;}
.p120 {padding: 120px !important;}
/*padding-bottom*/
.pb0 {padding-bottom: 0px !important;}
.pb2 {padding-bottom: 2px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb100 {padding-bottom: 100px !important;}
.pb120 {padding-bottom: 120px !important;}
/*padding-right*/
.pr0 {padding-right: 0px !important;}
.pr2 {padding-right: 2px !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr40 {padding-right: 40px !important;}
.pr45 {padding-right: 45px !important;}
.pr50 {padding-right: 50px !important;}
.pr60 {padding-right: 60px !important;}
.pr70 {padding-right: 70px !important;}
.pr80 {padding-right: 80px !important;}
.pr100 {padding-right: 100px !important;}
.pr120 {padding-right: 120px !important;}
/*padding-left*/
.pl0 {padding-left: 0px !important;}
.pl2 {padding-left: 2px !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}
.pl50 {padding-left: 50px !important;}
.pl60 {padding-left: 60px !important;}
.pl70 {padding-left: 70px !important;}
.pl80 {padding-left: 80px !important;}
.pl100 {padding-left: 100px !important;}
.pl120 {padding-left: 120px !important;}
/*padding-top*/
.pt0 {padding-top: 0px !important;}
.pt2 {padding-top: 2px !important;}
.pt3 {padding-top: 3px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
.pt60 {padding-top: 60px !important;}
.pt70 {padding-top: 70px !important;}
.pt80 {padding-top: 80px !important;}
.pt90 {padding-top: 90px !important;}
.pt100 {padding-top: 100px !important;}
.pt120 {padding-top: 120px !important;}

.ptb5 {padding-top: 5px !important; padding-bottom: 5px !important;}
.ptb10 {padding-top: 10px !important; padding-bottom: 10px !important;}
.ptb15 {padding-top: 15px !important; padding-bottom: 15px !important;}
.ptb20 {padding-top: 20px !important; padding-bottom: 20px !important;}

/*margin*/
.m0 {margin: 0px !important;}
.m1 {margin: 1px !important;}
.m2 {margin: 2px !important;}
.m5 {margin: 5px !important;}
.m10 {margin: 10px !important;}
.m15 {margin: 15px !important;}
.m20 {margin: 20px !important;}
.m25 {margin: 25px !important;}
.m30 {margin: 30px !important;}
.m40 {margin: 40px !important;}
.m80 {margin: 80px !important;}
.m100 {margin: 100px !important;}
/*margin-bottom*/
.mb0 {margin-bottom: 0px !important;}
.mb1 {margin-bottom: 1px !important;}
.mb2 {margin-bottom: 2px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb100 {margin-bottom: 100px !important;}
/*margin-top*/
.mt0 {margin-top: 0px !important;}
.mt1 {margin-top: 1px !important;}
.mt2 {margin-top: 2px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt60 {margin-top: 60px !important;}
.mt80 {margin-top: 80px !important;}
.mt100 {margin-top: 100px !important;}
/*margin-left*/
.ml0 {margin-left: 0px !important;}
.ml1 {margin-left: 1px !important;}
.ml2 {margin-left: 2px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml80 {margin-left: 80px !important;}
.ml100 {margin-left: 100px !important;}
/*margin-right*/
.mr0 {margin-right: 0px !important;}
.mr1 {margin-right: 1px !important;}
.mr2 {margin-right: 2px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr80 {margin-right: 80px !important;}
.mr100 {margin-right: 100px !important;}

.m-auto {margin: auto;}
.mlr-auto {margin: 0px auto;}
.mtb-auto {margin: auto 0px;}

/* negative margin */
.mmt20 {margin-top: -20px;}
.mmt5 {margin-top: -5px;}

/*border*/
.b0 {border: 0px !important;}
.b1 {border: 1px solid #E8E8E8 !important;}
.b2 {border: 2px solid #E8E8E8 !important;}
.b5 {border: 5px solid #E8E8E8 !important;}
.b10 {border: 10px solid #E8E8E8 !important;}
.b15 {border: 15px solid #E8E8E8 !important;}
.b20 {border: 20px solid #E8E8E8 !important;}
.b25 {border: 25px solid #E8E8E8 !important;}
.b30 {border: 30px solid #E8E8E8 !important;}
.b40 {border: 40px solid #E8E8E8 !important;}
/*border-top*/
.bt0 {border-top: 0px solid #E8E8E8 !important;}
.bt1 {border-top: 1px solid #E8E8E8 !important;}
.bt2 {border-top: 2px solid #E8E8E8 !important;}
.bt5 {border-top: 5px solid #E8E8E8 !important;}
.bt10 {border-top: 10px solid #E8E8E8 !important;}
.bt15 {border-top: 15px solid #E8E8E8 !important;}
.bt20 {border-top: 20px solid #E8E8E8 !important;}
.bt25 {border-top: 25px solid #E8E8E8 !important;}
.bt30 {border-top: 30px solid #E8E8E8 !important;}
.bt40 {border-top: 40px solid #E8E8E8 !important;}
/*border-bottom*/
.bb0 {border-bottom: 0px solid #E8E8E8 !important;}
.bb1 {border-bottom: 1px solid #E8E8E8 !important;}
.bb2 {border-bottom: 2px solid #E8E8E8 !important;}
.bb5 {border-bottom: 5px solid #E8E8E8 !important;}
.bb10 {border-bottom: 10px solid #E8E8E8 !important;}
.bb15 {border-bottom: 15px solid #E8E8E8 !important;}
.bb20 {border-bottom: 20px solid #E8E8E8 !important;}
.bb25 {border-bottom: 25px solid #E8E8E8 !important;}
.bb30 {border-bottom: 30px solid #E8E8E8 !important;}
.bb40 {border-bottom: 40px solid #E8E8E8 !important;}
/*border-right*/
.br0 {border-right: 0px solid #E8E8E8 !important;}
.br1 {border-right: 1px solid #E8E8E8 !important;}
.br2 {border-right: 2px solid #E8E8E8 !important;}
.br5 {border-right: 5px solid #E8E8E8 !important;}
.br10 {border-right: 10px solid #E8E8E8 !important;}
.br15 {border-right: 15px solid #E8E8E8 !important;}
.br20 {border-right: 20px solid #E8E8E8 !important;}
.br25 {border-right: 25px solid #E8E8E8 !important;}
.br30 {border-right: 30px solid #E8E8E8 !important;}
.br40 {border-right: 40px solid #E8E8E8 !important;}
/*border-left*/
.bl0 {border-left: 0px solid #E8E8E8 !important;}
.bl1 {border-left: 1px solid #E8E8E8 !important;}
.bl2 {border-left: 2px solid #E8E8E8 !important;}
.bl5 {border-left: 5px solid #E8E8E8 !important;}
.bl10 {border-left: 10px solid #E8E8E8 !important;}
.bl15 {border-left: 15px solid #E8E8E8 !important;}
.bl20 {border-left: 20px solid #E8E8E8 !important;}
.bl25 {border-left: 25px solid #E8E8E8 !important;}
.bl30 {border-left: 30px solid #E8E8E8 !important;}
.bl40 {border-left: 40px solid #E8E8E8 !important;}
/*aligns and floats*/
.text-justify {text-align: justify;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.clearfix:after {clear: both;}
/*font-properties*/
.font8 {font-size: 8px !important;}
.font9 {font-size: 9px !important;}
.font10 {font-size: 10px !important;}
.font11 {font-size: 11px !important;}
.font12 {font-size: 12px !important;}
.font13 {font-size: 13px !important;}
.font14 {font-size: 14px !important;}
.font15 {font-size: 15px !important;}
.font16 {font-size: 16px !important;}
.font17 {font-size: 17px !important;}
.font18 {font-size: 18px !important;}
.font19 {font-size: 19px !important;}
.font20 {font-size: 20px !important;}
.font22 {font-size: 22px !important;}
.font24 {font-size: 24px !important;}
.font26 {font-size: 26px !important;}
.font28 {font-size: 28px !important;}
.font30 {font-size: 30px !important;}
.font32 {font-size: 32px !important;}
.bold {font-weight: 700 !important;}
.strong {font-weight: 600 !important;}
.semi {font-weight: 500 !important;}
.normal {font-weight: 400 !important;}
.thin {font-weight: 300 !important;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}
/*height*/
.h30 {height: 30px;}
.h40 {height: 40px;}
.h45 {height: 45px;}
.h50 {height: 50px;}
.h60 {height: 60px;}
.h75 {height: 75px;}
.h100 {height: 100px;}
.h150 {height: 150px;}
.h200 {height: 200px;}
.h300 {height: 300px;}
.h400 {height: 400px;}
.h500 {height: 500px;}
/*min-height*/
.minh30 {min-height: 30px;}
.minh50 {min-height: 50px;}
.minh60 {min-height: 60px;}
.minh75 {min-height: 75px;}
.minh100 {min-height: 100px;}
.minh150 {min-height: 150px;}
.minh160 {min-height: 162px;}
.minh200 {min-height: 200px;}
.minh300 {min-height: 300px;}
.minh400 {min-height: 400px;}
.minh500 {min-height: 500px;}
/*max-height*/
.maxh30 {max-height: 30px;}
.maxh50 {max-height: 50px;}
.maxh60 {max-height: 60px;}
.maxh75 {max-height: 75px;}
.maxh100 {max-height: 100px;}
.maxh150 {max-height: 150px;}
.maxh160 {max-height: 162px;}
.maxh200 {max-height: 200px;}
.maxh300 {max-height: 300px;}
.maxh400 {max-height: 400px;}
.maxh500 {max-height: 500px;}
/*min-width*/
.minw30 {min-width: 30px;}
.minw50 {min-width: 50px;}
.minw60 {min-width: 60px;}
.minw75 {min-width: 75px;}
.minw100 {min-width: 100px;}
.minw150 {min-width: 150px;}
.minw160 {min-width: 162px;}
.minw200 {min-width: 200px;}
.minw250 {min-width: 250px;}
.minw300 {min-width: 300px;}
.minw400 {min-width: 400px;}
.minw500 {min-width: 500px;}
/*max-width*/
.maxw30 {max-width: 30px;}
.maxw50 {max-width: 50px;}
.maxw60 {max-width: 60px;}
.maxw75 {max-width: 75px;}
.maxw100 {max-width: 100px;}
.maxw150 {max-width: 150px;}
.maxw160 {max-width: 162px;}
.maxw200 {max-width: 200px;}
.maxw250 {max-width: 250px;}
.maxw300 {max-width: 300px;}
.maxw400 {max-width: 400px;}
.maxw500 {max-width: 500px;}
/*line-height*/
.line10 {line-height: 10px !important;}
.line11 {line-height: 11px !important;}
.line12 {line-height: 12px !important;}
.line13 {line-height: 13px !important;}
.line14 {line-height: 14px !important;}
.line15 {line-height: 15px !important;}
.line16 {line-height: 16px !important;}
.line17 {line-height: 17px !important;}
.line18 {line-height: 18px !important;}
.line19 {line-height: 19px !important;}
.line20 {line-height: 20px !important;}
.line21 {line-height: 21px !important;}
.line24 {line-height: 24px !important;}
.line25 {line-height: 25px !important;}
.line30 {line-height: 30px !important;}
.line35 {line-height: 35px !important;}
.line40 {line-height: 40px !important;}
.line60 {line-height: 60px !important;}
.line75 {line-height: 75px !important;}
/*others*/
.action, .modal, .action-toggle, .pointer {cursor: pointer;}
.mover {cursor: move;}
.cursor-stop {cursor:not-allowed;}
.cursor-alias {cursor:alias;}
.block {display: block;}
.inline {display: inline;}
.inline-block {display: inline-block;}
.show {display: inline-block !important;}
.hidden {display: none !important;}
.hidden-hover {display: none;}
.hidden-hover:hover {display: initial;}
.overflow {overflow: hidden;}
.relative {position: relative;}
.absolute {position: absolute;}

.absolute-bot {position: absolute !important; bottom: 0px; z-index: 1;}
.absolute-top {position: absolute !important; top: 0px; z-index: 1;}
.absolute-right {position: absolute !important; right: 0px; z-index: 1;}
.absolute-left {position: absolute !important; left: 0px; z-index: 1;}

.absolute-top-left {position: absolute !important; top: 0px; left: 0px; z-index: 1;}
.absolute-top-right {position: absolute !important; top: 0px; right: 0px; z-index: 1;}
.absolute-bot-left {position: absolute !important; bottom: 0px; left: 0px; z-index: 1;}
.absolute-bot-right {position: absolute !important; bottom: 0px; right: 0px; z-index: 1;}

.uppercase {text-transform: uppercase;}
.noresize {resize: none;}
.hover:hover {background-color: #eee;}
hr {height: 1px; background-color: #ddd; margin-top: 10px;}

/* ROTATION */
.rotate-45-right {
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.rotate-90-right {
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
/* GRID SYSTEM */
div, input, button {box-sizing: border-box;}
.w-auto {width: auto !important;}
.w100 {width: 100%;}
.w98 {width: 98%;}
.w95 {width: 95%;}
.w90 {width: 90%;}
.w85 {width: 85%;}
.w80 {width: 80%;}
.w75 {width: 75%;}
.w70 {width: 70%;}
.w66 {width: 66%;}
.w65 {width: 65%;}
.w60 {width: 60%;}
.w55 {width: 55%;}
.w50 {width: 50%;}
.w45 {width: 45%;}
.w40 {width: 40%;}
.w43 {width: 43%;}
.w35 {width: 35%;}
.w34 {width: 34%;}
.w33 {width: 33%;}
.w30 {width: 30%;}
.w25 {width: 25%;}
.w23 {width: 23%;}
.w20 {width: 20%;}
.w18 {width: 18%;}
.w16 {width: 16.666667%;}
.w15 {width: 15%;}
.w14 {width: 14.28571%;}
.w10 {width: 10%;}
.w8p3 {width: 8.33333%;}
.w8 {width: 8%;}
.w7 {width: 7.5%;}
.w5 {width: 5%;}
.w2 {width: 2%;}

.hidden-lx {display: block;}
.hidden-lg {display: block;}
.hidden-md {display: block;}
.hidden-sm {display: block;}

.table-list .hidden-lx {display: table-cell;}
.table-list .hidden-lg {display: table-cell;}
.table-list .hidden-md {display: table-cell;}
.table-list .hidden-sm {display: table-cell;}

.show-ld {display: none;}
.show-lg {display: none;}
.show-md {display: none;}
.show-sm {display: none;}

@media only screen and (max-width : 576px) {
	.hidden-xs {display: none;}
	.show-xs {display: initial !important;}
    
	.flex.show-xs {display: flex !important;}
}

/* lx > lg > md > sm */ 
/* Extra Small Devices, Phones */ 

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.show-sm {display: block !important;}
}

@media only screen and (min-width : 576px) {
.wsm100 {width: 100%;}
.wsm98 {width: 98%;}
.wsm95 {width: 95%;}
.wsm90 {width: 90%;}
.wsm85 {width: 85%;}
.wsm80 {width: 80%;}
.wsm75 {width: 75%;}
.wsm70 {width: 70%;}
.wsm66 {width: 66%;}
.wsm65 {width: 65%;}
.wsm60 {width: 60%;}
.wsm55 {width: 55%;}
.wsm50 {width: 50%;}
.wsm45 {width: 45%;}
.wsm40 {width: 40%;}
.wsm43 {width: 43%;}
.wsm35 {width: 35%;}
.wsm34 {width: 34%;}
.wsm33 {width: 33%;}
.wsm30 {width: 30%;}
.wsm25 {width: 25%;}
.wsm23 {width: 23%;}
.wsm20 {width: 20%;}
.wsm15 {width: 15%;}
.wsm10 {width: 10%;}
.wsm5 {width: 5%;}
.wsm2 {width: 2%;}
.wsm-auto {width: auto;}

.hidden-sm {display: none !important;}
.show-sm {display: initial !important;}
.flex.show-sm {display: flex !important;}

.table-list .hidden-sm {display: none;}
.table-list .show-sm {display: table-cell;}

.sm-h-auto {height: auto !important; min-height: auto !important;}
.sm-h100 {min-height: 100vh !important;}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.wmd100 {width: 100%;}
.wmd98 {width: 98%;}
.wmd95 {width: 95%;}
.wmd90 {width: 90%;}
.wmd85 {width: 85%;}
.wmd80 {width: 80%;}
.wmd75 {width: 75%;}
.wmd70 {width: 70%;}
.wmd66 {width: 66%;}
.wmd65 {width: 65%;}
.wmd60 {width: 60%;}
.wmd55 {width: 55%;}
.wmd50 {width: 50%;}
.wmd45 {width: 45%;}
.wmd40 {width: 40%;}
.wmd43 {width: 43%;}
.wmd35 {width: 35%;}
.wmd34 {width: 34%;}
.wmd33 {width: 33%;}
.wmd30 {width: 30%;}
.wmd25 {width: 25%;}
.wmd23 {width: 23%;}
.wmd20 {width: 20%;}
.wmd15 {width: 15%;}
.wmd10 {width: 10%;}
.wmd5 {width: 5%;}
.wmd2 {width: 2%;}
.wmd-auto {width: auto;}

.hidden-md {display: none !important;}
.show-md {display: initial !important;}
.flex.show-md {display: flex !important;}

.table-list .hidden-md {display: none;}
.table-list .show-md {display: table-cell;}

.md-h-auto {height: auto !important; min-height: auto !important;}
.md-h100 {min-height: 100vh !important;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.wlg100 {width: 100%;}
.wlg98 {width: 98%;}
.wlg95 {width: 95%;}
.wlg90 {width: 90%;}
.wlg85 {width: 85%;}
.wlg80 {width: 80%;}
.wlg75 {width: 75%;}
.wlg70 {width: 70%;}
.wlg66 {width: 66%;}
.wlg65 {width: 65%;}
.wlg60 {width: 60%;}
.wlg55 {width: 55%;}
.wlg50 {width: 50%;}
.wlg45 {width: 45%;}
.wlg40 {width: 40%;}
.wlg43 {width: 43%;}
.wlg35 {width: 35%;}
.wlg34 {width: 34%;}
.wlg33 {width: 33%;}
.wlg30 {width: 30%;}
.wlg25 {width: 25%;}
.wlg23 {width: 23%;}
.wlg20 {width: 20%;}
.wlg15 {width: 15%;}
.wlg10 {width: 10%;}
.wlg5 {width: 5%;}
.wlg2 {width: 2%;}
.wlg-auto {width: auto;}

.hidden-lg {display: none !important;}
.show-lg {display: initial !important;}
.flex.show-lg {display: flex !important;}

.table-list .hidden-lg {display: none;}
.table-list .show-lg {display: table-cell;}

.lg-h-auto {height: auto !important; min-height: auto !important;}
.lg-h100 {min-height: 100vh !important;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.wxl100 {width: 100%;}
.wxl98 {width: 98%;}
.wxl95 {width: 95%;}
.wxl90 {width: 90%;}
.wxl85 {width: 85%;}
.wxl80 {width: 80%;}
.wxl75 {width: 75%;}
.wxl70 {width: 70%;}
.wxl66 {width: 66%;}
.wxl65 {width: 65%;}
.wxl60 {width: 60%;}
.wxl55 {width: 55%;}
.wxl50 {width: 50%;}
.wxl45 {width: 45%;}
.wxl40 {width: 40%;}
.wxl43 {width: 43%;}
.wxl35 {width: 35%;}
.wxl34 {width: 34%;}
.wxl33 {width: 33%;}
.wxl30 {width: 30%;}
.wxl25 {width: 25%;}
.wxl23 {width: 23%;}
.wxl20 {width: 20%;}
.wxl15 {width: 15%;}
.wxl10 {width: 10%;}
.wxl5 {width: 5%;}
.wxl2 {width: 2%;}
.wxl-auto {width: auto;}

.hidden-xl {display: none !important;}
.show-xl {display: initial !important;}
.flex.show-xl {display: flex !important;}

.table-list .hidden-xl {display: none;}
.table-list .show-xl {display: table-cell;}

.xl-h-auto {height: auto !important; min-height: auto !important;}
.xl-h100 {min-height: 100vh !important;}
}

/* Cookies */
#cookie_bar {
	position: fixed;
	top: 0px;
	width: 100%;
	background-color: #fffffff5;
	border-bottom: 1px solid #aaaaaa38;
	z-index: 100;
}
#cookie_bar .ok-button {
	min-width: 140px;
}

#cookie_bar button {
    padding: 12px 20px;
    background-color: #ffeb00;
    border: 1px solid #ede8e8;
    color: #5a5a5a;
    border-radius: 4px;
}
#cookie_bar a {
	padding: 0px 4px;
	color: #5a5a5a;
	text-decoration: underline;
}
#cookie_bar a:hover {
	color: #aaa;
	text-decoration: none;
}


/*checkbox*/
.c-container {
    display: block;
    position: relative;
    cursor: pointer;
    line-height: 25px;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	height: 25px;
	outline: none;
	padding-left: 35px;
}

.c-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.c-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

.c-container:hover input ~ .checkmark {
    background-color: #ccc;
}

.c-container input:checked ~ .checkmark {
    background-color: #2196F3;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.c-container input:checked ~ .checkmark:after {
    display: block;
}

.c-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}