.su-heading-style-default { padding: 2px 0px; border-top: 1px solid rgb(153, 153, 153); border-bottom: 1px solid rgb(153, 153, 153); }
.su-heading-style-default .su-heading-inner { padding: 1em 0.5em; border-top: 4px solid rgb(238, 238, 238); border-bottom: 4px solid rgb(238, 238, 238); }
.su-heading.su-heading-align-left { text-align: left; }
.su-heading.su-heading-align-left .su-heading-inner { padding-left: 0.2em; }
.su-heading.su-heading-align-right { text-align: right; }
.su-heading.su-heading-align-right .su-heading-inner { padding-right: 0.2em; }
.su-heading.su-heading-align-center { text-align: center; }
.su-divider { clear: both; border: medium none; text-align: right; line-height: 1; }
.su-divider a { display: inline-block; font-size: 0.8em; text-decoration: none; outline: medium none; padding-bottom: 5px; }
.su-divider-style-default { border-bottom-style: solid; }
.su-divider-style-dotted { border-bottom-style: dotted; }
.su-divider-style-dashed { border-bottom-style: dashed; }
.su-divider-style-double { border-bottom-style: double; }
.su-spacer { display: block; height: 0px; clear: both; overflow: hidden; }
.su-spacer-5 { height: 5px; }
.su-spacer-10 { height: 10px; }
.su-spacer-20 { height: 20px; }
.su-spacer-30 { height: 30px; }
.su-spacer-40 { height: 40px; }
.su-highlight { display: inline; padding: 1px 0px; }
.su-label { display: inline; margin-right: 0.3em; padding: 0.1em 0.3em; font-size: 0.8em; height: 0.8em; line-height: 0.8em; color: rgb(255, 255, 255); border-radius: 3px; }
.su-label-type-default { background: rgb(153, 153, 153) none repeat scroll 0% 0%; }
.su-label-type-success { background: rgb(0, 153, 0) none repeat scroll 0% 0%; }
.su-label-type-warning { background: rgb(255, 153, 0) none repeat scroll 0% 0%; }
.su-label-type-important { background: rgb(255, 0, 51) none repeat scroll 0% 0%; }
.su-label-type-black { background: rgb(17, 17, 17) none repeat scroll 0% 0%; }
.su-label-type-info { background: rgb(0, 153, 204) none repeat scroll 0% 0%; }
.su-dropcap { float: left; display: inline-block; width: 2em; height: 2em; margin: 0.2em 0.5em 0.2em 0px; line-height: 2em; text-align: center; overflow: hidden; text-transform: uppercase; }
.su-dropcap-style-default { color: rgb(255, 255, 255); background: transparent linear-gradient(to bottom, rgb(69, 72, 77) 0%, rgb(0, 0, 0) 100%) repeat scroll 0% 0%; text-shadow: -1px -1px 0px rgb(0, 0, 0); border-radius: 50%; }
.su-dropcap-style-flat { background: rgb(68, 68, 68) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.su-dropcap-style-light { color: rgb(51, 51, 51); border-radius: 50%; background: transparent linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(234, 234, 234) 100%) repeat scroll 0% 0%; }
.su-dropcap-style-simple { width: 1em; height: 1em; line-height: 1em; text-align: left; }
.su-frame, .su-frame-inner { display: block; }
.su-frame-align-left { float: left; margin: 0px 1em 1em 0px; }
.su-frame-align-center { float: none; margin: 1em auto; }
.su-frame-align-right { float: right; margin: 0px 0px 1em 1em; }
.su-frame img { display: block ! important; float: none ! important; padding: 0px ! important; margin: 0px ! important; border: medium none ! important; box-shadow: none ! important; }
.su-frame-style-default { padding: 2px; border: 1px solid rgb(153, 153, 153); background: rgb(255, 255, 255) none repeat scroll 0% 0%; box-shadow: 1px 1px 4px rgb(204, 204, 204); }
.su-frame-style-default .su-frame-inner { padding: 2px; border: 4px solid rgb(238, 238, 238); }
.su-list ul { list-style: outside none none ! important; margin: 0px 0px 1.5em ! important; padding: 0px ! important; }
.su-list ul li { position: relative; list-style-type: none ! important; display: block ! important; line-height: 1.3em; margin: 0px ! important; padding: 4px 0px 4px 2em ! important; }
.su-list ul li > img { position: absolute; left: 0px; top: 4px; width: 1.3em; height: 1.3em; padding: 0px; margin: 0px; border: medium none; }
.su-list ul li i { position: absolute; left: 0px; top: 4px; width: 1.3em; height: 1.3em; line-height: 1.3em; text-align: center; }
.su-button { display: inline-block ! important; text-align: center; text-decoration: none ! important; box-sizing: content-box ! important; transition: all 0.2s ease 0s; }
.su-button-wide { display: block ! important; margin: 1em 0px; }
.su-button-center { text-align: center; }
.su-button span { display: block ! important; text-decoration: none ! important; box-sizing: content-box ! important; transition: all 0.2s ease 0s; }
.su-button img { border: medium none ! important; vertical-align: middle ! important; margin: -0.2em 0.4em 0px -0.3em ! important; box-shadow: none ! important; }
.su-button i { display: inline-block; width: 1em; height: 1em; margin: 0px 0.5em 0px 0px ! important; text-align: center; line-height: 1em; }
.su-button.su-button-float-icon img { margin: 0px 0.5em ! important; }
.su-button small { display: block; margin: -0.2em 0px 0px; color: inherit; text-align: center; font-style: normal; font-size: 0.8em; line-height: 1; opacity: 0.7; }
@media screen and (max-width: 768px) {
  .su-button span { padding-top: 0.25em ! important; padding-bottom: 0.25em ! important; line-height: 1.2 ! important; }
  .su-button small { margin-top: 0.2em ! important; }
}
.su-button-style-default { border-width: 1px; border-style: solid; }
.su-button-style-default:hover { opacity: 0.7; }
.su-button-style-default span { border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; }
.su-button-style-flat, .su-button-style-flat span { border: medium none; }
.su-button-style-flat span { position: relative; }
.su-button-style-flat:hover span { top: 1px; }
.su-button-style-ghost { background: transparent none repeat scroll 0% 0% ! important; }
.su-button-style-ghost span { border-width: 3px; border-style: solid; }
.su-button-style-ghost:hover span { border-color: inherit ! important; }
.su-button-style-soft span { background: transparent url(71366a1b7e3bbc6032bf74fb6f0a76b1951eae36.png)  repeat-x scroll 0px -20px; }
.su-button-style-soft:hover span { background: transparent url(71366a1b7e3bbc6032bf74fb6f0a76b1951eae36.png)  repeat-x scroll 0px 0px; }
.su-button-style-glass span { background: transparent url(074e455aae85693b6ab77aa0124ea52e23a4c37c.png)  repeat-x scroll 0px 50%; }
.su-button-style-glass:hover span { background: transparent url(074e455aae85693b6ab77aa0124ea52e23a4c37c.png)  repeat-x scroll 100% 50%; }
.su-button-style-bubbles span { background: transparent url(b44f6045e885c8efd2f4fabffa0b8c5db7e1536f.png)  no-repeat scroll 0px 50%; }
.su-button-style-bubbles:hover span { background: transparent url(b44f6045e885c8efd2f4fabffa0b8c5db7e1536f.png)  no-repeat scroll -710px 50%; }
.su-button-style-noise span { background: transparent url(eeeafdb76edf065aaae1ff7d2422c4ea083f0c06.png)  repeat-x scroll 0px 0px; }
.su-button-style-noise:hover span { background: transparent url(eeeafdb76edf065aaae1ff7d2422c4ea083f0c06.png)  repeat-x scroll 0px 0px; }
.su-button-style-stroked span { margin: 1px; border: 1px dashed rgb(255, 255, 255) ! important; }
.su-button-style-stroked:hover span { opacity: 0.7; }
.su-button-style-3d { border-bottom-style: solid; border-bottom-width: 6px; }
.su-button-style-3d span { border-bottom-style: solid; border-bottom-width: 1px; }
.su-button-style-3d:hover { position: relative; top: 3px; border-bottom-width: 3px; }
.su-table table { width: 100% ! important; margin: 0px 0px 1.5em ! important; border-collapse: collapse ! important; font-size: 1em ! important; border: 1px solid rgb(204, 204, 204) ! important; }
.su-table th { text-align: center ! important; padding: 1em ! important; font-size: 1em ! important; font-weight: normal ! important; color: rgb(51, 51, 51) ! important; border: 1px solid rgb(204, 204, 204) ! important; background: rgb(240, 240, 240) none repeat scroll 0% 0% ! important; }
.su-table td { padding: 0.5em 1em ! important; border: 1px solid rgb(204, 204, 204) ! important; background: rgb(255, 255, 255) none repeat scroll 0% 0% ! important; }
.su-table .su-even td { background: rgb(247, 247, 247) none repeat scroll 0% 0% ! important; }
.su-qrcode { display: inline-block; }
.su-qrcode-align-left { float: left; margin: 0px 0.5em 0.5em 0px; }
.su-qrcode-align-center { display: block; clear: both; margin: 1em auto; text-align: center; }
.su-qrcode-align-right { float: right; margin: 0px 0px 0.5em 0.5em; }
.su-qrcode a, .su-qrcode a:hover, .su-qrcode a:active, .su-qrcode a:focus { background: transparent none repeat scroll 0% 0%; outline: medium none; display: inline; text-decoration: none; }
.su-qrcode-clickable a:hover { opacity: 0.7; }
.su-qrcode img { max-width: 100%; }