/* Begin critical CSS */

#eos-busy {
    position: fixed;
    width: 300px;
    height: auto;
    z-index: 9999999;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;
    background-color: #fff;
    border: 2px solid #fff;
    box-shadow: 0px 40px 200px #000;
}

#eos-busy label{
    width: 300px;
    display: inline-block;
    text-align: center;
    background-color: #005fa8;
    color: #fff;
    border: 2px solid #fff;
    padding: 12px;
    margin-left: -2px;
}

#eos-busy img {
    width:100%;
}


.mod-warning-mask {
    display: inline-block;
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0,0.75);
    z-index: 1000;
}

.mod-warning-wrapper {
    z-index:1001;
}


.mod-warning-warning {
    margin: 5% auto;
    width: 350px;
    padding: 25px;
    top: 10%;
    left: 0px;
    right:0px;
    color:#fff;
    background-color: #B73D3D;
    background-size: cover;
}

.mod-warning-warning-preview {
    position: relative;
}

.mod-warning-warning-preview .close {
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 0px;
    border-left: 1px solid;
    border-bottom: 1px solid;
}

.mod-warning-warning .close {
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 0px;
    border-left: 1px solid;
    border-bottom: 1px solid;
}

/****ALIGNMENTS*******/

.layout-cell.left,
.layout-cell .layout-component.left,
.layout-component.left img {
    text-align:left;
    margin-right:auto;
    margin-left:0px;
}

.layout-cell.right,
.layout-cell .layout-component.right,
.layout-component.right img {
    text-align:right;
    margin-right: 0px;
    margin-left:auto;
}


.layout-cell.center,
.layout-cell .layout-component.center,
.layout-component.center img {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.layout-cell .layout-component.left, .layout-cell .layout-component.left *,
.layout-cell .layout-component .left, .layout-cell .layout-component .left * {
    text-align:left;
}

.layout-cell .layout-component.right, .layout-cell .layout-component.right *,
.layout-cell .layout-component .right, .layout-cell .layout-component .right * {
    text-align:right;
}

.layout-cell .layout-component.center, .layout-cell .layout-component.center *,
.layout-cell .layout-component .center, .layout-cell .layout-component .center * {
    text-align:center;
}


.layout-cell.right .layout-component.left, .layout-cell.right .layout-component.left *,
.layout-cell.right .layout-component .left, .layout-cell.right .layout-component .left * {
    text-align:left;
}

/***********COL CLASSES*****************/

/****LAYOUT*****/

body .ui-dialog .col2, body .ui-dialog .col3, body .ui-dialog .col4, body .ui-dialog .col5, body .ui-dialog .col6, body .ui-dialog .col7,
body .ui-dialog .col8, body .ui-dialog .col9, body .ui-dialog .col10, body .ui-dialog .col11, body .ui-dialog .col12, body .ui-dialog .col13, body .ui-dialog .col14,
body .ui-dialog .col15, body .ui-dialog .col16, body .ui-dialog .col23, body .ui-dialog .col24, body .ui-dialog .col34, body .ui-dialog .col25,
body .ui-dialog .col35, body .ui-dialog .col45, body .ui-dialog .res2, body .ui-dialog .res3, body .ui-dialog .res4, body .ui-dialog .res5, body .ui-dialog .res6 {
    display:inline-block;
    margin-right:1%;
}


body .layout-row,
body .layout-cell,
body .layout-component,
body .layout .col2, body .layout .col3, body .layout .col4, body .layout .col5, body .layout .col6, body .layout .col7,
body .layout .col8, body .layout .col9, body .layout .col10, body .layout .col11, body .layout .col12, body .layout .col13, body .layout .col14,
body .layout .col15, body .layout .col16, body .layout .col23, body .layout .col24, body .layout .col34, body .layout .col25,
body .layout .col35, body .layout .col45, body .layout .res2, body .layout .res3, body .layout .res4, body .layout .res5, body .layout .res6 {
    display:inline-block;
    margin-right:1%;
}

.layout .layout-cell, .layout .layout-component, .layout .eg-cell {
    margin-right: 1% !important;
}

body .layout-row {
    clear:both;
}

body .iend, body .layout .col1, body .layout .iend, body .layout .col2:last-child {
    margin-right:0px !important;
}

body .layout .empty {
    display:none;
}
body .layout .empty.display {
    display:initial !important;
}

.col1  {
    width:100%;
}

.auto {
    width: auto;
    display: inline-block;
}

.col2, .col612  {
    width: 49.5%;
}

.col3, .col412 {
    width:32.66%;
}
.col23, .col812 {
    width:66.33%;
}
.col4, .col312  {
    width: 24.25%;
}
.col34, .tight34 {
    width: 74.75%;
}

.col5  {
    width: 19.2%;
}
.col25 {
    width: 39.4%;
}
.col35 {
    width: 59.6%;
}
.col45 {
    width: 79.8%;
}

.col6, .col212 {
    width: 15.83%;
}
.col56, .col1012 {
    width: 83.16%;
}

.col7  {
    width: 13.42%;
}
.col27  {
    width: 27.85%;
}
.col37  {
    width: 42.28%;
}
.col47  {
    width: 56.71%;
}
.col57  {
    width: 71.14%;
    ;
}
.col67 {
    width: 85.57%;
}

.col8  {
    width: 11.62%;
}
.col28 {
    width: 24.25%;
}
.col38 {
    width: 36.87%;
}
.col48 {
    width: 49.5%;
}
.col58 {
    width: 62.12%;
}
.col68, .col912 {
    width: 74.75%;
}
.col78 {
    width: 87.37%;
}

.col9  {
    width: 10.22%;
}
.col29 {
    width: 21.44%;
}
.col39 {
    width: 32.66%;
}
.col49 {
    width: 43.88%;
}
.col59 {
    width: 55.11%;
}
.col69 {
    width: 66.33%;
}
.col79 {
    width: 77.55%;
}
.col89 {
    width: 88.77%;
}
.col90 {
    width: 88.77%;
}

.col10 {
    width: 9.1%;
}
.col11 {
    width: 8.181%;
}


.col512 {
    width: 41.08%;
}
.col712 {
    width: 57.91%;
}
.col1112 {
    width: 91.58%;
}
.col12 {
    width: 7.416%;
}

.col13 {
    width:6.769%;
}
.col14 {
    width:6.214%;
}
.col15 {
    width:5.733%;
}
.col16 {
    width:5.3125%;
}

.col216 {
    width: 11.625%;
}
.col316 {
    width: 17.9375%;
}
.col416 {
    width: 24.25%;
}
.col516 {
    width:30.5625%;
}
.col616 {
    width:36.875%;
}
.col716 {
    width:43.1875%;
}
.col816 {
    width:49.5%;
}
.col916 {
    width:55.8125%;
}
.col1016 {
    width:62.125%;
}
.col1116 {
    width:68.4375%;
}
.col1216 {
    width:74.75%;
}
.col1316 {
    width:81.0625%
}
.col1416 {
    width:87.375%;
}
.col1516 {
    width:93.6875%;
}

.min-col10 {
    min-width: 10%;
}

.res2 {
    width: 49.5%;
}
.res2:nth-child(2n+2) {
    margin-right:0px !important;
}

.res3  {
    width:32.66%;
}
.res3:nth-child(3n+3) {
    margin-right:0px !important;
}

.res4  {
    width: 24.25%;
}
.res4:nth-child(4n+4) {
    margin-right:0px !important;
}

.res5  {
    width: 19.2%;
}
.res5:nth-child(5n+5) {
    margin-right:0px !important;
}

.res6  {
    width: 15.83%;
}
.res6:nth-child(6n+6) {
    margin-right:0px !important;
}

/****MARGINS*****/

.margin-top-xs {
    margin-top:4px;
}
.margin-bottom-xs {
    margin-bottom:4px;
}

.margin-top-small {
    margin-top:8px;
}
.margin-bottom-small {
    margin-bottom:8px;
}

.margin-top-medium {
    margin-top:12px;
}
.margin-bottom-medium {
    margin-bottom:12px;
}

.margin-top-large {
    margin-top:24px;
}
.margin-bottom-large {
    margin-bottom:24px;
}

.margin-top-xl {
    margin-top:50px;
}
.margin-bottom-xl {
    margin-bottom:50px;
}



/****OTHER DEFAULTS*****/

body > .layout > .layout-cell {
    margin:0px auto;
}

.layout .layout-cell, .layout .layout-component,
.product, .mini, .button, .horizontal > li, .layout .inline-block, .eg-cell {
    display:inline-block;
}

.layout .col1 {
    display:block;
}

.mini, .layout, .layout-component, .layout-cell, .product img {
    position:relative;
}

.layout-cell, .layout-component, .mini, .product {
    vertical-align:top;
}

.visible {
    visibility:visible!important;
    display:block;
}

.hidden, .hide, script, .script {
    visibility:hidden !important;
    display:none !important;
}

.optional-hidden {
    display:none;
}



/*********FRONT END EDITING*************/

.ui-dialog.ui-draggable .ui-dialog-titlebar {
    width: 100%;
}

.ui-dialog.no-title-bar .ui-dialog-titlebar {
    display:none;
}

.ui-dialog-content h2.page-title {
    background-color: #333;
    color: #fff;
    font-size: 26px;
    line-height: 46px;
    margin:0px !important;
}

.ui-dialog-content .collations {
    padding: 12px;
    border: 1px solid #ccc;
    background-color: #efefef;
}

.eos-list.fe-edit .quick-search {
    display: inline-block;
    width: 600px;
    border-top: 4px solid #ccc;
    border-radius: 0px;
    padding: 8px 12px;
    border-bottom: 4px solid #ccc;
    margin-right: 12px;
}

.eos-list.fe-edit .quick-search h3 {
    display: inline-block;
    font-size: 26px;
    height: 40px;
    line-height: 40px;
    margin-right: 12px;
}

.eos-list.fe-edit .quick-search .list-search {
    display:inline-block;
}

.eos-list.fe-edit .quick-search .list-search .search-input {
    margin: 0px;
    min-width: 300px;
}

.eos-list.fe-edit .quick-search .list-search .search-button {
    vertical-align: top;
}

.eos-list.fe-edit .quick-search .list-search .button {
    height: 40px;
    width: 40px;
    text-align: center !important;
    padding: 0px !important;
    vertical-align: top;
    line-height: 40px;
    font-size: 0px;
    background-image: url(/userfiles/images/searchicon.png);
    background-size: 20px;
    background-position: center;
    border-radius: 0px 4px 4px 0px !important;
    border-left: 0px;
    border-color: #8c8c8c;
}

.eos-list.fe-edit .new-entry {
    height: 60px;
    vertical-align: top;
    line-height: 50px;
    background-image: url(/images/add.png);
    background-size: 26px;
    background-position: 12px center;
    padding-left: 50px;
    font-size: 18px;
}


.eos-list.fe-edit .result-count-indicator {
    display: inline-block;
    background-color: #333;
    width: 100%;
    color: #fff;
    font-size: 10px;
    vertical-align: top;
    padding: 0px;
    position: absolute;
    left: 0px;
    top: 36px;
    line-height:18px;
}


.eos-list.fe-edit .eos-list-output {
    background-color:#fff;
}

.eos-list.fe-edit .eos-list-output .col-type-image img {
    max-height:50px;
}

.inline-block {
    display: inline-block !important
}

.searchable-select .options {
    border: 1px solid #ccc;
    padding: 12px;
    max-height: 150px;
    margin-bottom:12px;
    overflow-y: auto;
}

div.searchable-select .option {
    padding: 4px 0px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    cursor: pointer;
}

body.ee-image-zoomed > .layout {
    opacity:0.4;
}

div.ee-zoomed {
    position:fixed;
    z-index:999999999;
    height: 100vh;
    background-color: #fff;
    border:2px solid #ccc;
    overflow:hidden;
}

div.ee-zoomed, div.ee-zoomed img {
    max-width:100%;
}

/********SIMPLE-TABLE**********/

.simple-table {
    display: table !important;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 24px;
    text-align: left;
}

.simple-table .simple-table-headings {
    display:table-row !important;
    width:100%;
    background-color: #333333;
}

.simple-table .simple-table-headings > div{
    color:#fff;
    padding:8px;
    display:table-cell !important;
    border:1px solid #ccc;
}

.simple-table .simple-table-body {
    width: 100%;
    display: table-row-group !important;
}

.simple-table .simple-table-row {
    display:table-row !important;
    width:100%;
}
.simple-table .simple-table-row:nth-child(even) {
    background-color:#eee;
}

.simple-table .simple-table-row > div {
    display:table-cell !important;
    border:1px solid #ccc;
    padding: 4px 8px;
    vertical-align: middle;
}

.simple-table div.center {
    text-align:center;
}

.required-missing > input {
    border:1px solid red !important;
}

body.modal-masked > .layout {
    opacity:0.5;
}

.modal-mask {
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(25, 31, 38);
    z-index: 100;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.5;
    /*background-size:300px;*/
}

textarea.auto-grow {
    display:block;
    overflow:auto;

    font-size: 14px;
    margin: 50px auto;
    border-radius: 6px;
    box-shadow: 2px 2px 8px rgba(black, .3);
    border: 0;
    min-height: initial;
    height: initial;
    line-height: initial;
    max-height: 100%;

    &:focus{
        border: none;
        outline: none;
        background-color: initial;
    }
}

.mod-warning-warning.default {
    border-style: solid;
    border-color: black;
    border-width: 1px;
    border-radius: 5px;
}


/********FORMS**********/


.confirm.complete, .entered.complete {
    border: 1px solid green;
    background-image: url("/images/forms/accept.png");
    background-repeat: no-repeat;
    background-position: 99% center;
}

.confirm.error, .entered.error, .entered.error.complete {
    border:1px solid red;
    background-image: url("/images/forms/warning.png");
    background-repeat: no-repeat;
    background-position: 99% center;
}

.validate-error {
    display: inline-block;
    width: 100%;
    background-color: #c43445;
    color: #fff;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid #ff6174;
}


/********ALTCHA********/

altcha-widget {
    margin: 0px auto 12px !important;
    display: inline-block;
}

altcha-widget > .altcha {
}
altcha-widget * {
    color:#fff !important;
}
.altcha-footer, .altcha-logo {
    opacity:1 !important;
}

altcha-widget .altcha {
    border-width: 1px;
    border-radius: 3px;
    color: #fff !important;
    background-color: #333 !important;
    display:inline-block;
}

altcha-widget .altcha-label label {
    color: #fff !important;
}

altcha-widget .altcha-footer {
    background-color: #333 !important;
    color: #fff !important;
}

altcha-widget .altcha-footer label {
    color: #fff !important;
}


div.eos-radio input:checked ~ .eos-radio-toggle {
    left:50%;
}

div.eos-radio .eos-radio-toggle {
    display: block;
    width: 50%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    border-radius: 50px;
    transition: all .4s ease;
    background-color: #000;

}

div.eos-radio label {
    display: flex;
    margin: 0;
    cursor: pointer;
    z-index: 1;
}

div.eos-radio .eos-radio-off, div.eos-radio .eos-radio-on {
    flex: 1;
    flex-basis: 50%;
    width: 50%;
    min-width: 40px;
    text-align: center;
    padding: 0 6px;
    white-space: nowrap;
    color:#fff;
}

div.eos-radio {
    background-color: #2F2F5F !important;
    border-color: #2F2F5F !important;
    border-radius: 50px;
    border: 4px solid #fff;
    position:relative;
}

div.eos-radio {

}

@media screen and (max-width:1000px) {
    .ui-dialog.ui-draggable {
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

.clickable {
    cursor:pointer;
}
 /** Begin CSS Section: defaults */

 /* Begin CSS Part: Base */

 /* Begin CSS Part: Layout */
/***GENERAL LAYOUT****/
/****LAYOUT*****/

body > .layout > .layout-cell,
body > .layout > .full-width > .layout-component,
body > .layout .full-width > .layout-component,
body > .layout .full-width .contain,
body > .layout .hero-banner-overlay .hero-banner, .content-hold > .i,
body > .layout .header-banner .nested-banner > .i,
body > .layout .header-banner.home-banner > .i  {
  max-width: 1366px;
  width: 100%; 
  margin-left:auto !important;
  margin-right:auto !important;
}

body > .layout > .full-width,
body > .layout > .full-width > .full-width,
body > .layout .full-width .full-width .layout-component.banner-image,
.responsive-menu {
	max-width:100% !important;
    }
    
    
.header-sect, .contain, 
.slim-footer > .layout-component, 
body > .layout .content-section,
body > .layout .header-banner .nested-banner > .i  {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

/****LAYOUT*****/

.layout .layout-cell,
.layout .layout-component,
.layout .eg-cell, 
.layout .auto {margin-right:1% !important;}

.layout .col1, .layout .iend {margin-right:0px !important;}

.layout .col1  {width:100%;}

.auto {width:auto;}

.padded {padding:12px;}


body .layout .breathecol2 {
	margin-right:3% !important;
    vertical-align: top;
}
body .layout .breathecol3 {
	margin-right:3% !important;
    vertical-align: top;
}

body .layout .breathecol4 {
	margin-right:3% !important;
    vertical-align: top;
}



body .layout .anchor-dest {
    padding-top: 100px !important;
    margin-top: -100px !important;
}
 /* Begin CSS Part: Desktop Defaults */

 /* Begin CSS Part: Tablet Defaults */

 /* Begin CSS Part: Mobile Defaults */

 /** Begin CSS Section: core */

 /* Begin CSS Part: DISABILITY */

 /* Begin CSS Part: Fonts */

 /* Begin CSS Part: Buttons */

 /* Begin CSS Part: Colours */

 /* Begin CSS Part: Menus */

 /* Begin CSS Part: Responsive Menu */

 /* Begin CSS Part: Editor Overrides */

 /* Begin CSS Part: Specials */

 /* Begin CSS Part: Effects */

 /* Begin CSS Part: Site Design */

 /* Begin CSS Part: User Design */

 /* Begin CSS Part: Site Components */

 /* Begin CSS Part: Results */

 /* Begin CSS Part: Pages */

 /** Begin CSS Section: modules */

 /* Begin CSS Part: 404 */

 /* Begin CSS Part: Admin */

 /* Begin CSS Part: Auth */

 /* Begin CSS Part: Auto Pdf */

 /* Begin CSS Part: Basket */

 /* Begin CSS Part: Calendar */

 /* Begin CSS Part: Categories */

 /* Begin CSS Part: Checkout */

 /* Begin CSS Part: Collation */

 /* Begin CSS Part: Collation Admin */

 /* Begin CSS Part: Cookies */

#cookie-compliance {
    z-index: 1000000000;
    position: fixed;
    bottom: 0px;
    background-color: #333 !important;
    border-top: 2px solid #fff !important;
    width: 100%;
    left: 0px;
    text-align: left !important;
}

.layout-component.cookie-selection * {
    text-align: left !important;
}

#cookie-compliance .mod_cookies {
    padding: 24px !important;
}

#cookie-compliance * {
    color:#fff !important;
}

#cookie-compliance {
    overflow:hidden;
}

.layout-component.cookie-selection .checkbox input {
    display:inline-block;
    width:auto;
}
.layout-component.cookie-selection .checkbox span {
    display: inline-block;
    width: auto;
    font-weight: bold;
    vertical-align: top;
    line-height: 16px;
    font-size: 16px;
}

.cookie-selection .description {
    font-size:14px;
}

.layout-component.cookie-selection p, .layout-component.cookie-selection p a {
    font-size: 14px !important;
    line-height: 18px !important;
    margin-bottom: 12px !important;
}

.layout-component.cookie-selection p {
    display: inline-block;
}

#cookie-compliance div.compliance-ok{
    display: inline-block;
    background-color: green;
    color: #fff;
    padding: 2px 12px;
    font-size: 12px;
    border-radius: 2px;
    cursor:pointer;
}


.cookie-selection > .cookie-selection {
    border-top: 1px solid #fff;
    padding: 12px;
}

.layout-component.cookie-selection .button {
    border: 1px solid #fff !important;
    background-color: transparent !important;
    font-size: 14px;
    padding: 8px 12px;
    margin-top: 12px;
    margin-bottom: 12px;
}

#cookie-compliance div.saved-mask {
    position: absolute;
    height: 100%;
    width:100%;
    background-color: #333 !important;
    border-top: 2px solid #fff !important;
    text-align: center;
    font-size:20px;
    padding:24px;
    color:#fff;
}

 /* Begin CSS Part: Crm */

 /* Begin CSS Part: Currency Converter */

 /* Begin CSS Part: Discount */

 /* Begin CSS Part: Email Template */

 /* Begin CSS Part: Form */

 /* Begin CSS Part: Google Analytics */

 /* Begin CSS Part: Home */

 /* Begin CSS Part: Multi User */

 /* Begin CSS Part: News Letter */

 /* Begin CSS Part: Order Manager */

 /* Begin CSS Part: Orders */

 /* Begin CSS Part: Payment Gateway */

 /* Begin CSS Part: Qanda */

 /* Begin CSS Part: Redirect */

 /* Begin CSS Part: Review */

 /* Begin CSS Part: Scroller */
/*********BG BANNER*******/

.banner-content.home-banner {
  background-image: url(/userfiles/css/images/cchomebanner.jpg);
  background-size: cover;
  background-position: center;
  z-index: 1;
}

.banner-content.home-banner::after {
  content: "";
  background-color: rgba(0, 0, 0,0.7);
  position: absolute;
  top: 0px;
  height: 100%;
  bottom: 0px;
  width: 100%;
  z-index: 1;
  left: 0px;
  right: 0px;
}

.banner-content.home-banner .nested-banner {
padding: 200px 12px;
  z-index:10;
  min-height:420px;
}


.banner-content h1, .banner-content h2, .banner-content p, .banner-content b, .banner-content strong {color:#fff;}

.banner-content h1 {
  text-shadow: -2px 3px 4px #000;
}


.banner-content h2 {
  text-shadow: -2px 3px 4px #000;
}

.banner-content p {
  font-size: 1.25em;
  line-height: 1.3em;
}


.banner-content .nested-banner .button {
  font-size: 24px;
  line-height: 30px;
  padding: 12px 24px 12px 24px;
  background-color: rgba(0, 0, 0, 0.25);
  margin-top: 12px;
  margin-bottom: 12px;
  background-size: 32px;
  background-position: 8px center;
}

.banner-content .nested-banner .button:hover {
    background-color: rgba(0, 0, 0, 0.5);
}


@media screen and (min-width:1401px) {
  
.banner-content h1 {
  font-size: 8em;
  line-height: 1.4em;
}


.banner-content h2 {
  font-size: 4em;
  line-height: 1.4em;
}


}



@media screen and (max-width:1400px) {

.banner-content h1 {
  font-size: 6em;
  line-height: 1.4em;
}


.banner-content h2 {
  font-size: 4em;
  line-height: 1.4em;
}

}


@media screen and (max-width:1200px) {

.banner-content h1 {
  font-size: 5em;
  line-height: 1.4em;
}


.banner-content h2 {
  font-size: 3em;
  line-height: 1.4em;
}

}

@media screen and (max-width:1000px) {
.banner-content h1 {
  font-size: 4.5em;
  line-height: 1.4em;
}


.banner-content h2 {
  font-size: 2.5em;
  line-height: 1.4em;
}
}



@media screen and (max-width:760px) {
.banner-content h1 {
  font-size: 4em;
  line-height: 1.4em;
}


.banner-content h2 {
  font-size: 2em;
  line-height: 1.4em;
}
}


@media screen and (max-width:540px) {

.banner-content .title h1  {
    font-size: 2em;
    line-height: 1.4em;
}


}



 /* Begin CSS Part: Search */

 /* Begin CSS Part: Search Results */

 /* Begin CSS Part: Seo */

 /* Begin CSS Part: Shipping */

 /* Begin CSS Part: Snippets */

 /* Begin CSS Part: Social Media */

 /* Begin CSS Part: Sub Layout */

 /* Begin CSS Part: System Manager */

 /* Begin CSS Part: User */

 /* Begin CSS Part: Warning */