@CHARSET "UTF-8";

h1,h2,h3,h4,h5 {font-weight:900;margin:0 0 10px 0;}
h1 {font-size:22px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;font-weight:400;}
h5 {font-size:14px;}

.upper {text-transform:uppercase;}
.lower {text-transform:lowercase;}
.align_left {text-align:left;}
.align_center {text-align:center;}
.align_right {text-align:right;}
.align_justify {text-align:justify;}
.floatleft {float:left;}
.floatright {float:right;}
.va-top {vertical-align:top !important;}
.va-middle {vertical-align:middle !important;}
.va-bottom {vertical-align: text-bottom !important;}
.nobg {background:none !important;}
.nobold {font-weight:normal !important;}
.nowrap {white-space:nowrap;}
.nowrap3t {text-overflow: ellipsis !important;	overflow: hidden !important;	white-space: nowrap !important;}
.hidden {opacity:0;	position:absolute; left:-9999px;}
.disp_none {display:none !important;}
.over_scroll_h {overflow-x: scroll;}
.over_scroll_v {overflow-y: scroll;}
.over_hidden_h {overflow-x: hidden;}
.over_hidden_v {overflow-y: hidden;}
.noTextDec {text-decoration:none !important;}
.norightbrd {border-right:none !important;}
.clear {clear: both; float: none;}

.fs03{font-size: .3em !important}
.fs04{font-size: .4em !important}
.fs05{font-size: .5em !important}
.fs06{font-size: .6em !important}
.fs07{font-size: .7em !important}
.fs08{font-size: .8em !important}
.fs09{font-size: .9em !important}
.fs1{font-size: 1em !important}
.fs11{font-size: 1.1em !important}
.fs12{font-size: 1.2em !important}
.fs13{font-size: 1.3em !important}
.fs14{font-size: 1.4em !important}
.fs15{font-size: 1.5em !important}
.fs16{font-size: 1.6em !important}
.fs17{font-size: 1.7em !important}
.fs18{font-size: 1.8em !important}
.fs19{font-size: 1.9em !important}
.fs2{font-size: 2em !important}
.fs25{font-size: 2.5em !important}
.fs28{font-size: 2.8em !important}
.fs3{font-size: 3em !important}
.fs4{font-size: 4em !important}
.fs5{font-size: 5em !important}
.fs6{font-size: 6em !important}
.fs7{font-size: 7em !important}
.fs8{font-size: 8em !important}
.fs9{font-size: 9em !important}
.fs8px{font-size: 8px !important}
.fs9px{font-size: 9px !important}
.fs10px{font-size: 10px !important}
.fs11px{font-size: 11px !important}
.fs12px{font-size: 12px !important}
.fs13px{font-size: 13px !important}
.fs14px{font-size: 14px !important}
.fs15px{font-size: 15px !important}
.fs16px{font-size: 16px !important}
.fs17px{font-size: 17px !important}
.fs18px{font-size: 18px !important}
.fs19px{font-size: 19px !important}
.fs20px{font-size: 20px !important}
.fs21px{font-size: 21px !important}
.fs22px{font-size: 22px !important}
.fs24px{font-size: 24px !important}
.fs26px{font-size: 26px !important}
.fs28px{font-size: 28px !important}
.fs29px{font-size: 29px !important}
.fs30px{font-size: 30px !important}
.fs40px{font-size: 40px !important}
.fs100{font-size:100px !important}

.fw100 {font-weight:100 !important;}
.fw200 {font-weight:200;}
.fw300 {font-weight:300;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw600 {font-weight:600;}
.fw700 {font-weight:700;}
.fw800 {font-weight:800;}
.fw900 {font-weight:900;}

.z1 {z-index:1;}
.z2 {z-index:2;}
.z3 {z-index:3;}
.z4 {z-index:4;}
.z99 {z-index:99;}

.m0 {margin:0px !important;}
.m10 {margin:10px !important;}
.mt0 {margin-top:0px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt7 {margin-top:7px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt5m {margin-top:-5px;}
.mt10m {margin-top:-10px;}
.mt12m {margin-top:-12px;}
.mt14m {margin-top:-14px;}
.mt15m {margin-top:-15px;}
.mt17m {margin-top:-17px;}
.mt20m {margin-top:-20px;}
.mt30m {margin-top:-30px;}
.mt40m {margin-top:-40px;}
.mt45m {margin-top:-45px;}
.mt50m {margin-top:-50px;}
.mr3 {margin-right:3px !important;}
.mr5 {margin-right:5px !important;}
.mr6 {margin-right:6px !important;}
.mr7 {margin-right:7px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr20i {margin-right:20px !important;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml20i {margin-left:20px !important;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml5 {margin-left:5px;}
.ml2 {margin-left:2px;}
.mb5 {margin-bottom:5px !important;}
.mtm3 {margin-top:-3px !important;}
.mtm4 {margin-top:-4px !important;}
.mtm8 {margin-top:-8px !important;}
.mtm15 {margin-top:-15px !important;}
.bML30 {margin-left:30px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}

.p0 {padding:0 !important;}
.p2 {padding:2px !important;}
.p3 {padding:3px !important;}
.p5 {padding:5px !important;}
.p10 {padding:10px !important;}
.p15 {padding:15px !important;}
.p20 {padding:20px !important;}
.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pt0 {padding-top:0px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px !important;}
.pt7 {padding-top:7px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb50 {padding-bottom:50px !important;}
.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pad1 {padding:3px 5px 3px 0 !important;}

.mw50 {min-width:50px;}
.mw70 {min-width:70px;}
.mw100 {min-width:100px;}
.mw150 {min-width:150px;}
.mw170 {min-width:170px;}
.mw200 {min-width:200px;}
.mw250 {min-width:250px;}
.mw260 {min-width:260px;}
.mw300 {min-width:300px;}
.mw370 {min-width:370px;}
.mw400 {min-width:400px;}
.mw500 {min-width:500px;}
.mw600 {min-width:600px;}

.mxw1000 {max-width:1000px;}
.mxw1100 {max-width:1100px;}
.mxw1113 {max-width:1113px;}
.mxw1200 {max-width:1200px;}
.mxw1300 {max-width:1300px;}

.w10 {width:10px !important;}
.w20 {width:20px !important;}
.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w55 {width:55px !important;}
.w60 {width:60px !important;}
.w65 {width:65px !important;}
.w70 {width:70px !important;}
.w75 {width:75px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w105 {width:105px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w155 {width:155px !important;}
.w160 {width:160px !important;}
.w170 {width:170px !important;}
.w180 {width:180px !important;}
.w190 {width:190px !important;}
.w200 {width:200px !important;}
.w210 {width:210px !important;}
.w220 {width:220px !important;}
.w230 {width:230px !important;}
.w240 {width:240px !important;}
.w250 {width:250px !important;}
.w260 {width:260px !important;}
.w265 {width:265px !important;}
.w270 {width:270px !important;}
.w280 {width:280px !important;}
.w300 {width:300px !important;}
.w310 {width:310px !important;}
.w320 {width:320px !important;}
.w330 {width:330px !important;}
.w335 {width:335px !important;}
.w348 {width:348px !important;}
.w350 {width:350px !important;}
.w360 {width:360px !important;}
.w368 {width:368px !important;}
.w370 {width:370px !important;}
.w380 {width:380px !important;}
.w390 {width:390px !important;}
.w400 {width:400px !important;}
.w410 {width:410px !important;}
.w430 {width:430px !important;}
.w440 {width:440px !important;}
.w450 {width:450px !important;}
.w460 {width:460px !important;}
.w470 {width:470px !important;}
.w480 {width:480px !important;}
.w500 {width:500px !important;}
.w520 {width:520px !important;}
.w550 {width:550px !important;}
.w600 {width:600px !important;}
.w650 {width:650px !important;}
.w700 {width:700px !important;}
.w800 {width:800px !important;}
.w850 {width:850px !important;}
.w900 {width:900px !important;}
.w1000 {width:1000px !important;}
.w1200 {width:1200px !important;}

.w100 .jq-selectbox__select {width:100px !important;}
.w120 .jq-selectbox__select {width:120px !important;}
.w200 .jq-selectbox__select {width:200px !important;}
.w300 .jq-selectbox__select {width:300px !important;}
.w400 .jq-selectbox__select {width:400px !important;}

.w100p {width:100% !important;}

.h20 {height:20px !important;}
.h25 {height:25px !important;}
.h30 {height:30px !important;}
.h35 {height:35px !important;}
.h40 {height:40px !important;}
.h50 {height:50px !important;}
.h100 {height:100px !important;}
.h400 {height:400px !important;}
.h500 {height:500px !important;}
.h600 {height:600px !important;}
.h700 {height:700px !important;}
.h800 {height:800px !important;}
.hauto {height:auto !important;}
.mh100 {min-height: 100px !important;}
.mh150 {min-height: 150px !important;}
.mh200 {min-height: 200px !important;}
.mh300 {min-height: 300px !important;}
.mh400 {min-height: 400px !important;}
.mh450 {min-height: 450px !important;}
.mh700 {min-height: 700px !important;}
.mhgt766 {min-height: 766px !important;}

.LH05 {line-height: 0.5em !important;}
.LH08 {line-height: 0.8em !important;}
.LH1 {line-height: 1em;}
.LH12px {line-height:12px !important;}
.LH13px {line-height:13px !important;}
.LH14px {line-height:14px !important;}
.LH15px {line-height:15px !important;}
.LH16px {line-height:16px !important;}

.white_bg {background:#fff !important;}
.bg_gray_blue {background:#E1EAF0 !important;}

.tahoma {font-family: Tahoma, Arial !important;}
.cuprum {font-family: "Cuprum", Tahoma, Arial !important;}
.roboto {font-family: "Roboto", Tahoma, Arial !important;}
.istokweb {font-family: "Istok Web", "Roboto", Arial, Tahoma, Verdana, sans-serif !important;}

.bold {font-weight:bold;}
.notbold {font-weight:normal !important;}
.Tahoma {font-family:Tahoma;}
.inline {display:inline-block !important;}
pre {font-family: "Roboto", Arial, Tahoma, Verdana, sans-serif !important;}
.block {display:block !important;}

.pos-top{position:absolute;top:0}
.pos-top5{position:absolute;top:5px}
.pos-middle{position:absolute;top:50%}
.pos-left{position:absolute;left:0}
.pos-right{position:absolute;right:0}
.pos-right10{position:absolute;right:10px}
.pos-right15{position:absolute;right:15px}
.pos-right18{position:absolute;right:18px}
.pos-right20{position:absolute;right:20px}
.pos-right25{position:absolute;right:25px}
.pos-right30{position:absolute;right:30px}
.pos-abs{position:absolute}
.pos-rel{position:relative}

.Lheight08 {line-height:0.8em}
.Lheight1 {line-height:1em}
.brd_white {border:1px solid #FFFFFF !important}
.brd1ccc {border:1px solid #ccc !important}
.brd_bot_1ccc {border-bottom:1px solid #ccc !important}
.brd_top {border-top:1px solid #ccc !important}
.noTextShad {text-shadow:none !important}
.cursor-move {cursor:move}
.pointer {cursor:pointer}
.fixed-layout {table-layout:fixed}
.fixed {position:fixed}
.curved50p {-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}

.dot10 {width:10px;height:10px;display:inline-block;border-radius:50%;}
.dot16 {width:16px;height:16px;display:inline-block;border-radius:50%;}
.dot10.green, .dot16.green {background:#0f0;}
.dot10.red, .dot16.red {background:#f00;}
.dot10.yellow, .dot16.yellow {background:#ff0;}
.dot10.blue, .dot16.blue {background:#00f;}
.dot10.magenta, .dot16.magenta {background:#f0f;}
.dot10.cian, .dot16.cian {background:#0ff;}
.dot10.black, .dot16.black {background:#000;}
.dot10.gray, .dot16.gray {background:#999;}
.dot10.white, .dot16.white {background:#000;}

.blink_me {  animation: blinker 1s linear infinite;}
.blink_me2 {  animation: blinker 0.7s linear infinite;}
.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

/* colors */
.blue2 {color:#6BC8DB;}
.yellow {color:#FC0;}
.red {color:#C00;}
.dark_red {color:#750909;}
.green {color:#77a400;}
.dark_green {color:#476200;}
.blue {color:#3c8dbc;}
.dark_blue {color:#005e8a;}
.gray {color:#CCC;}
.gray_red, .gray_red * {color:#CCC;}
.gray_red:hover, .gray_red:hover * {color:#C00;}
.mid_gray {color:#8f8f8f;}
.dark_gray {color:#665;}
.white {color:#FFF;}
.black {color:#000;}
.gray_blue {color:#8db7cd;}
.gray_blue2 {color:#72a8cf;}
.mid_yellow {color:#f4bd00;}
.mid_orange {color:#FFA500;}

.borderBox { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* boxes */
.redBox{background:#C00;color:#FFF;padding:0px 2px;width:auto;min-width:auto}
.redBox2{background:#C00;color:#FFF;padding:0px 4px;width:auto;min-width:auto}
.greenBox{background:#77a400;color:#FFF;padding:2px 2px;width:auto !important;min-width:auto !important;display:inline-block}
.blueBox{background:#3c8dbc;color:#FFF;padding:2px 10px 4px 10px !important;width:auto;min-width:auto;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.graySaveBox{background:#f4f4f4;border:1px solid #eaeaea;padding:3px 3px;border-radius:2px;position:relative}
.grayBox{background:#CCC;color:#FFF;width:auto;min-width:auto;padding:2px 10px 4px 10px !important;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.lightGrayBox{background:#f8f8f8;color:#000;width:auto;min-width:auto;padding:4px 10px 2px 10px !important;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:1px solid #e6e6e6}
.midgrayBox{background:#c0c0c0;color:#FFF;padding:0px 2px;width:auto;min-width:auto}
.serachResultsBox{background:#f3f3f3;color:#000;padding:5px 10px;width:auto;min-width:auto}
.whiteBox{background:#FFF;color:#3c8dbc;width:auto;min-width:auto;padding:2px 10px 4px 10px !important;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.whiteBox50{background: rgba(255,255,255,.5);color: #3c8dbc;width: auto;min-width: auto;padding: 2px 6px 4px 6px !important;line-height:normal}
.countBox{
    border:1px solid #e6e6e6;
    height:18px;
    width:auto;
    padding:0 5px;
    line-height:18px;
    margin-top: 0px !important;
    min-height:auto;
    border-radius: 10px;
}
.likeSelectBox{color: #08C;width:auto !important;min-width:auto !important;height: 33px;padding: 0px 45px 0px 10px;border-width: 1px;border-style: solid;border-color: #CCC #CCC #B3B3B3;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;border-radius: 4px;background: #F5F5F5 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC") repeat-x scroll 0% 0%;text-shadow: 1px 1px #FFF;font: 14px/30px Arial,sans-serif;font-weight:700;overflow: hidden !important;text-overflow: ellipsis;white-space: nowrap}

.columns_3 {-moz-column-count: 3;-moz-column-gap: 30px;-webkit-column-count: 3;-webkit-column-gap: 30px;column-count: 3;column-gap: 30px;}
.columns_3 li {display:block;}
.flex {display: flex;}

.jqLink {
    text-decoration:none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-left: 1px solid transparent;
    border-right:1px solid transparent;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    line-height:0.9em;
    font-family: "Cuprum", Tahoma, Arial !important;
    vertical-align: middle;
    display:inline-block;
}
.spanlink {text-decoration:none !important;}
.spanlink span {text-decoration:underline !important; display:inline-block !important; vertical-align:middle !important;}
.spanlink i {display:inline-block !important; vertical-align:middle !important;}
h3 .spanlink {font-size:14px !important; font-weight:400 !important; margin:0 0 0 20px;}

::-webkit-input-placeholder {color: gray;}
:-moz-placeholder {color: gray;}
::-moz-placeholder {color: gray;}
:-ms-input-placeholder {color: gray;}

.smallPlaceholder input[type='text'] {padding:3px 3px 3px 4px !important;}
.smallPlaceholder ::-webkit-input-placeholder {font-size:10px !important; color: #616161 !important;}
.smallPlaceholder :-moz-placeholder {font-size:10px !important; color: #616161 !important;}
.smallPlaceholder ::-moz-placeholder {font-size:10px !important; color: #616161 !important;}
.smallPlaceholder :-ms-input-placeholder {font-size:10px !important; color: #616161 !important;}

.miniPlaceholder::-webkit-input-placeholder {font-size:10px !important; color: #616161 !important;}
.miniPlaceholder:-moz-placeholder {font-size:10px !important; color: #616161 !important;}
.miniPlaceholder::-moz-placeholder {font-size:10px !important; color: #616161 !important;}
.miniPlaceholder:-ms-input-placeholder {font-size:10px !important; color: #616161 !important;}

.rightPlaceholder ::-webkit-input-placeholder {font-size:12px !important; color: #616161 !important; text-align:right;}
.rightPlaceholder :-moz-placeholder {font-size:12px !important; color: #616161 !important; text-align:right;}
.rightPlaceholder ::-moz-placeholder {font-size:12px !important; color: #616161 !important; text-align:right;}
.rightPlaceholder :-ms-input-placeholder {font-size:12px !important; color: #616161 !important; text-align:right;}

.flatPlaceholder input[type='text'],
.flatPlaceholder input[type='text'][disabled],
.flatPlaceholder input[type='text'][readonly] {
    border:none !important;
    background: none !important;
    box-shadow: none !important;
}



img.grayscale {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
}
.flip-horizontal {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}

.dw_popup {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9900;
    background:rgba(0,0,0,0.6);
}
.dw_content {
    background: #ffffff;
}
.dw_content .dw_content_header {
    display: block;
    height: 35px;
    position: relative;
    background: #e9ecef;
    box-shadow: 0 0 7px rgba(0,0,0,0.5);
    z-index: 3;
}
.dw_content .dw_content_header a {
    position: absolute;
    top: 8px;
    right: 10px;
    text-decoration: none;
    color:#222;
}
.dw_content .dw_content_header a i {
    font-size: 13px !important;
    margin-top: 3px;
    font-weight: normal !important;
}
.dw_content .dw_content_body {
    background: #ffffff;
    padding: 10px;
    position: relative;
    overflow-y: scroll;
}
.dw_content .dw_content_body .table-condensed td {
    line-height: 1em;
}

.dw_load {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9900;
    background:rgba(0,0,0,0.6);
}

/** spinners **/
.cssload-spin-box {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 19px;
    height: 19px;
    border-radius: 100%;
    box-shadow: 19px 19px rgb(150,150,150), -19px 19px rgb(223,223,223), -19px -19px rgb(150,150,150), 19px -19px rgb(223,223,223);
    -o-box-shadow: 19px 19px rgb(150,150,150), -19px 19px rgb(223,223,223), -19px -19px rgb(150,150,150), 19px -19px rgb(223,223,223);
    -ms-box-shadow: 19px 19px rgb(150,150,150), -19px 19px rgb(223,223,223), -19px -19px rgb(150,150,150), 19px -19px rgb(223,223,223);
    -webkit-box-shadow: 19px 19px rgb(150,150,150), -19px 19px rgb(223,223,223), -19px -19px rgb(150,150,150), 19px -19px rgb(223,223,223);
    -moz-box-shadow: 19px 19px rgb(150,150,150), -19px 19px rgb(223,223,223), -19px -19px rgb(150,150,150), 19px -19px rgb(223,223,223);
    animation: cssload-spin ease infinite 3.4s;
    -o-animation: cssload-spin ease infinite 3.4s;
    -ms-animation: cssload-spin ease infinite 3.4s;
    -webkit-animation: cssload-spin ease infinite 3.4s;
    -moz-animation: cssload-spin ease infinite 3.4s;
}



@keyframes cssload-spin {
    0%,
    100% {
        box-shadow: 19px 19px rgb(150,150,150), -19px 19px rgb(223,223,223), -19px -19px rgb(150,150,150), 19px -19px rgb(223,223,223);
    }
    25% {
        box-shadow: -19px 19px rgb(223,223,223), -19px -19px rgb(150,150,150), 19px -19px rgb(223,223,223), 19px 19px rgb(150,150,150);
    }
    50% {
        box-shadow: -19px -19px rgb(150,150,150), 19px -19px rgb(223,223,223), 19px 19px rgb(150,150,150), -19px 19px rgb(223,223,223);
    }
    75% {
        box-shadow: 19px -19px #dfdfdf, 19px 19px #4f4d49, -19px 19px #dfdfdf, -19px -19px #4f4d49;
    }
}

@-o-keyframes cssload-spin {
    0%,
    100% {
        box-shadow: 19px 19px rgb(150,150,150), -19px 19px rgb(223,223,223), -19px -19px rgb(150,150,150), 19px -19px rgb(223,223,223);
    }
    25% {
        box-shadow: -19px 19px rgb(223,223,223), -19px -19px rgb(150,150,150), 19px -19px rgb(223,223,223), 19px 19px rgb(150,150,150);
    }
    50% {
        box-shadow: -19px -19px rgb(150,150,150), 19px -19px rgb(223,223,223), 19px 19px rgb(150,150,150), -19px 19px rgb(223,223,223);
    }
    75% {
        box-shadow: 19px -19px #dfdfdf, 19px 19px #4f4d49, -19px 19px #dfdfdf, -19px -19px #4f4d49;
    }
}

@-ms-keyframes cssload-spin {
    0%,
    100% {
        box-shadow: 19px 19px rgb(150,150,150), -19px 19px rgb(223,223,223), -19px -19px rgb(150,150,150), 19px -19px rgb(223,223,223);
    }
    25% {
        box-shadow: -19px 19px rgb(223,223,223), -19px -19px rgb(150,150,150), 19px -19px rgb(223,223,223), 19px 19px rgb(150,150,150);
    }
    50% {
        box-shadow: -19px -19px rgb(150,150,150), 19px -19px rgb(223,223,223), 19px 19px rgb(150,150,150), -19px 19px rgb(223,223,223);
    }
    75% {
        box-shadow: 19px -19px #dfdfdf, 19px 19px #4f4d49, -19px 19px #dfdfdf, -19px -19px #4f4d49;
    }
}

@-webkit-keyframes cssload-spin {
    0%,
    100% {
        box-shadow: 19px 19px rgb(150,150,150), -19px 19px rgb(223,223,223), -19px -19px rgb(150,150,150), 19px -19px rgb(223,223,223);
    }
    25% {
        box-shadow: -19px 19px rgb(223,223,223), -19px -19px rgb(150,150,150), 19px -19px rgb(223,223,223), 19px 19px rgb(150,150,150);
    }
    50% {
        box-shadow: -19px -19px rgb(150,150,150), 19px -19px rgb(223,223,223), 19px 19px rgb(150,150,150), -19px 19px rgb(223,223,223);
    }
    75% {
        box-shadow: 19px -19px #dfdfdf, 19px 19px #4f4d49, -19px 19px #dfdfdf, -19px -19px #4f4d49;
    }
}

@-moz-keyframes cssload-spin {
    0%,
    100% {
        box-shadow: 19px 19px rgb(150,150,150), -19px 19px rgb(223,223,223), -19px -19px rgb(150,150,150), 19px -19px rgb(223,223,223);
    }
    25% {
        box-shadow: -19px 19px rgb(223,223,223), -19px -19px rgb(150,150,150), 19px -19px rgb(223,223,223), 19px 19px rgb(150,150,150);
    }
    50% {
        box-shadow: -19px -19px rgb(150,150,150), 19px -19px rgb(223,223,223), 19px 19px rgb(150,150,150), -19px 19px rgb(223,223,223);
    }
    75% {
        box-shadow: 19px -19px #dfdfdf, 19px 19px #4f4d49, -19px 19px #dfdfdf, -19px -19px #4f4d49;
    }
}

.pattern0 {background: url(../images/pattern0.png);}
.pattern1 {background: url(../images/pattern1.png);}

.vertical-text-left {
    transform: rotate(90deg);
    transform-origin: left top 0;
    float: left;
}

.vertical-text-right {
    transform: rotate(-90deg);
    transform-origin: left top 0;
    float: right;
}

.btn-sm2 {
    padding: 0.025rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

/** loader **/
@keyframes lds-ellipsis3 {
    0%, 25% {
        left: 32px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        left: 32px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    75% {
        left: 100px;
    }
    100% {
        left: 168px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes lds-ellipsis3 {
    0%, 25% {
        left: 32px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        left: 32px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    75% {
        left: 100px;
    }
    100% {
        left: 168px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-webkit-keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes lds-ellipsis {
    0% {
        left: 32px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    25% {
        left: 32px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        left: 100px;
    }
    75% {
        left: 168px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        left: 168px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-webkit-keyframes lds-ellipsis {
    0% {
        left: 32px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    25% {
        left: 32px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        left: 100px;
    }
    75% {
        left: 168px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        left: 168px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

.lds-ellipsis {
    position: relative;
}

.lds-ellipsis > div {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
}

.lds-ellipsis div > div {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f00;
    position: absolute;
    top: 100px;
    left: 32px;
    -webkit-animation: lds-ellipsis 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
    animation: lds-ellipsis 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
}

.lds-ellipsis div:nth-child(1) div {
    -webkit-animation: lds-ellipsis2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
    animation: lds-ellipsis2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
    background: #90ffb5;
}

.lds-ellipsis div:nth-child(2) div {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    background: #fffbd0;
}

.lds-ellipsis div:nth-child(3) div {
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
    background: #ffd391;
}

.lds-ellipsis div:nth-child(4) div {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    background: #ff727d;
}

.lds-ellipsis div:nth-child(5) div {
    -webkit-animation: lds-ellipsis3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
    animation: lds-ellipsis3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
    background: #90ffb5;
}

.lds-ellipsis {
    width: 105px !important;
    height: 105px !important;
    -webkit-transform: translate(-52.5px, -52.5px) scale(0.525) translate(52.5px, 52.5px);
    transform: translate(-52.5px, -52.5px) scale(0.525) translate(52.5px, 52.5px);
}