/* ------------------------------ */
/* ------------------------------ */
/* HEADER */
.Header {
   position: fixed;
   display: block;
   width: 100%;
   height: 91px;
   background-color: #fff;
   border-top: 10px solid #2d97e5;
   border-bottom: 1px solid #ddd;
   margin-bottom: 0px;
   z-index: 10;
}

.Header .center {
   position: relative;
   display: block;
   width: 1024px;
   height: 80px;
   margin: auto;
}

.Header .logo {
   display: block;
   width: auto;
   height: 80px;
   padding: 23px 0px;
   color: #333;
   font-size: 30px;
   font-weight: 600;
   line-height: 1;
   float: left;
}

.Header .logo.x,
.Header .logo:hover {
   cursor: pointer;
   color: #2d97e5;
}

.Header .nav {
   display: block;
   width: auto;
   height: 80px;
   padding: 32px 0px;
   color: #ddd;
   font-size: 15px;
   font-weight: 200;
   line-height: 1;
   word-spacing: 15px;
   text-align: right;
   float: right;
}

.Header .link {
   display: inline-block;
   width: auto;
   height: 15px;
   color: #333;
   font-size: 15px;
   font-weight: 400;
   line-height: 1;
   word-spacing: normal;
}

.Header .link.x,
.Header .link:hover {
   cursor: pointer;
   color: #2d97e5;
}


/* --------------------------- */
/* --------------------------- */
/* LAYOUT */
.Content {
   position: absolute;
   display: block;
   top: 91px;
   left: calc(50% - 512px);
   width: calc(1024px - 300px);
   min-height: calc(100vh - 100px);
   background-color: #f5f5f5;
   border: 1px solid #ddd;
   border-top: none;
   border-bottom: none;
   overflow: auto;
   padding-bottom: 93px;
}

.Sidebar {
   position: fixed;
   display: block;
   top: 91px;
   left: calc(50% + 211px);
   width: 301px;
   height: calc(100vh - 110px);
   background-color: #f5f5f5;
   border-left: 1px solid #ddd;
   border-right: 1px solid #ddd;
   overflow: auto;
   padding-bottom: 70px;
}

.Content.R {
   left: calc(50% - 212px);
}

.Sidebar.R {
   left: calc(50% - 512px);
}

.Sidebar::-webkit-scrollbar {
   display: none;
}


/* ------------------------------ */
/* ------------------------------ */
/* SIDEBAR */
.Sidebar .Ad {
   display: block;
   width: 300px;
   min-height: 250px;
   background-color: #f5f5f5;
   border-bottom: 1px solid #ddd;
   border-radius: 0px;
   margin: 0px;
}

.Sidebar .category {
   display: block;
   width: 100%;
   height: 70px;
   padding: 25px;
   background-color: transparent;
   border-bottom: 1px solid #ddd;
   color: #333;
   font-size: 18px;
   font-weight: 200;
   line-height: 1;
}

.Sidebar .user {
   display: block;
   width: 100%;
   height: auto;
   overflow: auto;
   background-color: transparent;
   border-bottom: 1px solid #ddd;
}

.Sidebar .user .username {
   display: block;
   width: 100%;
   min-height: 80px;
   overflow: auto;
   padding: 25px;
   border-bottom: 1px solid #ddd;
   color: #2d97e5;
   font-size: 25px;
   font-weight: 600;
   line-height: 1;
   text-align: center;
}

.Sidebar .user .image {
   display: block;
   width: 100%;
   min-height: 250px;
   overflow: auto;
   padding: 0px;
   background-color: #eee;
   border-bottom: 10px solid #333;
}

.Sidebar .user .info {
   display: block;
   width: 100%;
   height: 65px;
   padding: 25px;
   border-bottom: 1px solid #ddd;
   color: #333;
   font-size: 15px;
   font-weight: 100;
   line-height: 1;
   text-align: left;
}

.Sidebar .info:last-child {
   border-bottom: none;
}

.Sidebar .link {
   position: relative;
   display: block;
   width: 100%;
   height: 70px;
   padding: 25px;
   padding-left: 75px;
   background-color: transparent;
   border-bottom: 1px solid #ddd;
   border-radius: 0px;
   color: #333;
   font-size: 18px;
   font-weight: 400;
   line-height: 1;
   text-align: left;
   margin-bottom: 0px;
}

.Sidebar .link.x,
.Sidebar .link:hover {
   background-color: #fff;
}

.Sidebar .link:last-child {
   border-bottom: none;
}

.Sidebar .icon {
   position: absolute;
   display: block;
   top: 25px;
   left: 25px;
   width: auto;
   height: 20px;
}


/* ------------------------------ */
/* ------------------------------ */
/* LISTINGS */
.Listings {
   position: relative;
   display: block;
   width: 100%;
   min-height: 222px;
   overflow: auto;
   padding: 25px;
   background-color: transparent;
   border-bottom: 1px solid #ddd;
}

.Listings:last-child {
   border-bottom: none;
}

.Listings .image {
   display: block;
   width: 200px;
   height: 200px;
   overflow: hidden;
   background-color: #ddd;
   border-radius: 5px;
   float: left;
}

.Listings .info {
   display: block;
   width: calc(100% - 200px);
   min-height: 200px;
   padding: 25px;
   padding-bottom: 0px;
   padding-top: 15px;
   float: left;
}

.Listings .name {
   display: block;
   width: 100%;
   min-height: 30px;
   overflow: auto;
   font-size: 24px;
   font-weight: 500;
   color: #333;
   line-height: 1.4;
   text-align: left;
   word-wrap: break-word;
   margin-bottom: 20px;
}

.Listings .description {
   display: block;
   width: 100%;
   min-height: 75px;
   overflow: auto;
   color: #666;
   font-size: 18px;
   font-weight: 200;
   line-height: normal;
   margin-bottom: 20px;
}

.Listings .row {
   display: block;
   width: 100%;
   height: 20px;
   color: #333;
   font-size: 20px;
   font-weight: 500;
   line-height: 1;
}


/* ------------------------------ */
/* ------------------------------ */
/* LISTING */
.Listing {
   display: block;
   width: 100%;
   height: auto;
   overflow: auto;
   background-color: #fff;
   border-radius: 0px;
}

.Video {
   display: block;
   width: 100%;
   height: auto;
   overflow: auto;
   background-color: #333;
   border-radius: 5px 5px 0px 0px;
}

.Article {
   display: block;
   width: 100%;
   height: auto;
   overflow: auto;
   padding: 25px;
   color: #333;
   font-size: 20px;
   line-height: 1.5;
}


/* ------------------------------ */
/* ------------------------------ */
/* CATEGORIES */
.Categories {
   display: block;
   width: 100%;
   min-height: 222px;
   overflow: auto;
   padding: 25px;
   background-color: transparent;
   border-bottom: 1px solid #ddd;
}

.Categories:last-child {
   border-bottom: none;
}

.Categories .image {
   display: block;
   width: 200px;
   height: 200px;
   overflow: hidden;
   background-color: #ddd;
   border-radius: 5px;
   float: left;
}

.Categories .info {
   display: block;
   width: calc(100% - 200px);
   min-height: 200px;
   padding: 25px;
   padding-bottom: 0px;
   padding-top: 15px;
   float: left;
}

.Categories .name {
   display: block;
   width: 100%;
   min-height: 30px;
   overflow: auto;
   font-size: 24px;
   font-weight: 500;
   color: #333;
   line-height: 1.4;
   text-align: left;
   word-wrap: break-word;
   margin-bottom: 20px;
}

.Categories .description {
   display: block;
   width: 100%;
   min-height: 75px;
   overflow: auto;
   color: #666;
   font-size: 18px;
   font-weight: 200;
   line-height: normal;
   margin-bottom: 20px;
}

.Categories .row {
   display: block;
   width: 100%;
   height: 20px;
   color: #333;
   font-size: 20px;
   font-weight: 500;
   line-height: 1;
}


/* ------------------------------ */
/* ------------------------------ */
/* ORDERS */
.Orders {
   display: block;
   width: 100%;
   min-height: 125px;
   overflow: auto;
   padding: 25px;
   background-color: transparent;
   border-bottom: 1px solid #ddd;
   border-radius: 0px;
   margin-bottom: 0px;
}

.Orders:last-child {
   border-bottom: none;
}

.Orders .image {
   display: block;
   width: 125px;
   height: 125px;
   overflow: hidden;
   background-color: #ddd;
   border-radius: 5px;
   float: left;
}

.Orders .info {
   display: block;
   width: calc(100% - 125px);
   min-height: 125px;
   padding: 25px;
   padding-bottom: 0px;
   padding-top: 5px;
   padding-right: 0px;
   float: left;
}

.Orders .date {
   display: block;
   width: 100%;
   min-height: 20px;
   overflow: auto;
   font-size: 20px;
   font-weight: 500;
   color: #333;
   line-height: 1.4;
   text-align: left;
   word-wrap: break-word;
   margin-bottom: 15px;
}

.Orders .row {
   display: block;
   width: 100%;
   height: 16px;
   color: #333;
   font-size: 16px;
   font-weight: 100;
   line-height: 1;
   margin-bottom: 10px;
   text-indent: 0px;
}


/* ------------------------------ */
/* ------------------------------ */
/* Stats */
.Stats {
   display: block;
   width: 50%;
   float: left;
}

.Stats .header {
   display: block;
   width: 100%;
   height: 80px;
   padding: 25px;
   border-top: 1px solid #ccc;
   color: #333;
   font-size: 30px;
   font-weight: 200;
   line-height: 1;
   margin: 0px;
   float: left;
}

.Stats .stat {
   display: block;
   width: 100%;
   height: 70px;
   padding: 25px;
   border-top: 1px solid #ccc;
   color: #333;
   font-size: 20px;
   font-weight: 200;
   line-height: 1;
   margin-bottom: 0px;
   float: left;
}


/* ------------------------------ */
/* ------------------------------ */
/* TABLE */
.Table {
   display: block;
   width: 100%;
   height: auto;
   overflow: auto;
}

.Table .row {
   display: block;
   width: 100%;
   height: 70px;
   padding: 25px;
   background-color: transparent;
   border-bottom: 1px solid #ddd;
   color: #333;
   font-size: 20px;
   font-weight: 100;
   line-height: 1;
   margin-bottom: 0px;
}

.Table .date {
   display: inline-block;
   width: 37%;
}

.Table .data {
   display: inline-block;
   width: 20%;
   text-align: right;
}


/* ------------------------------ */
/* ------------------------------ */
/* FORM */
.Form {
   display: block;
   width: 100%;
   height: auto;
   overflow: auto;
}

.Form .field {
   position: relative;
   display: block;
   width: 100%;
   height: auto;
   overflow: visible;
   margin-bottom: 0px;
}

.Form .icon {
   position: absolute;
   top: 15px;
   left: 15px;
   width: auto;
   height: auto;
}

.Form .textfield {
   display: block;
   width: 100%;
   height: 80px;
   padding: 25px;
   margin-bottom: 0px;
   background-color: transparent;
   border-bottom: 1px solid #ddd;
   border-radius: 0px;
   color: #333;
   font-size: 20px;
   font-weight: 200;
   line-height: 1.3;
   text-indent: 55px;
}

.Form .textarea {
   display: block;
   width: 100%;
   height: 300px;
   padding: 25px;
   background-color: transparent;
   border-bottom: 1px solid #ddd;
   border-radius: 0px;
   color: #333;
   font-size: 20px;
   font-weight: 200;
   margin-bottom: 0px;
   resize: none;
   float: none;
}

.Form .textarea:focus,
.Form .textfield:focus {
   background-color: #fff;
}

.Form .select {
   position: relative;
   display: block;
   width: 100%;
   height: 80px;
   overflow: visible;
   margin-bottom: 0px;
}

.Form .selectfield {
   display: block;
   width: 100%;
   height: 80px;
   padding: 25px;
   background-color: transparent;
   border-bottom: 1px solid #ddd;
   border-radius: 0px;
   color: #333;
   font-size: 20px;
   font-weight: 200;
   line-height: 1.3;
}

.Form .selectfield::after {
   content: '\21B4';
   position: absolute;
   top: 25px;
   right: 25px;
   color: #333;
   font-size: 20px;
}

.Form .selectfield+.options {
   position: absolute;
   display: none;
   top: 80px;
   left: 0px;
   width: 100%;
   max-height: calc(80px * 4);
   overflow: auto;
   background-color: #f5f5f5;
   border-bottom: 1px solid #ddd;
   z-index: 5;
}

.Form .selectfield+.options>.option {
   display: block;
   width: 100%;
   height: 80px;
   padding: 25px;
   background-color: #f5f5f5;
   color: #333;
   font-size: 20px;
   font-weight: 200;
   line-height: 1.3;
}

.Form .selectfield+.options>.option:hover {
   cursor: pointer;
   background-color: #fff;
   color: #333;
}

.Form .submit {
   display: block;
   width: calc(100% - 50px);
   height: 80px;
   padding: 0px;
   background-color: #ccc;
   border-radius: 5px;
   margin: 25px;
   margin-top: 35px;
}

.Form .submit input {
   display: block;
   width: 100%;
   height: 80px;
   padding: 0px;
   background-color: #333;
   border: 1px solid #333;
   border-radius: 5px;
   color: #fff;
   font-size: 20px;
   font-weight: 400;
   text-align: center;
   text-transform: uppercase;
   transform: translateY(-10px);
}

.Form .submit input:hover {
   cursor: pointer;
   background-color: #2d97e5;
   border: 1px solid #2d97e5;
}

.Form .submit input:active {
   cursor: pointer;
   background-color: #2d97e5;
   border: 1px solid #2d97e5;
   transform: translateY(0px);
}


/* ------------------------------ */
/* ------------------------------ */
/* FOOTER */
.Footer {
   position: fixed;
   display: block;
   bottom: 0px;
   left: 0px;
   width: 100%;
   height: 91px;
   background-color: #fff;
   border-bottom: 10px solid #333;
   border-top: 1px solid #ddd;
   margin-top: 0px;
}

.Footer .center {
   position: relative;
   display: block;
   width: 1024px;
   height: 80px;
   margin: auto;
}

.Footer .logo {
   display: block;
   width: auto;
   height: 80px;
   padding: 23px 0px;
   color: #333;
   font-size: 30px;
   font-weight: 600;
   line-height: 1;
   float: right;
}

.Footer .nav {
   display: block;
   width: auto;
   height: 80px;
   padding: 32px 0px;
   color: #ddd;
   font-size: 15px;
   font-weight: 200;
   line-height: 1;
   text-align: left;
   float: left;
}

.Footer .link {
   display: inline-block;
   width: auto;
   height: 15px;
   color: #333;
   font-size: 15px;
   font-weight: 400;
   line-height: 1;
   word-spacing: normal;
   margin-right: 25px;
}

.Footer .link.x,
.Footer .link:hover {
   cursor: pointer;
   color: #2d97e5;
}


/* ------------------------------ */
/* ------------------------------ */
/* GLOBALS */
.GLOB-Title {
   display: block;
   width: 100%;
   height: 70px;
   padding: 25px;
   border-bottom: 1px solid #ddd;
   color: #333;
   font-size: 20px;
   font-weight: 500;
   line-height: 1;
}

.GLOB-SubTitle {
   display: block;
   width: 100%;
   height: 65px;
   padding: 25px;
   border-bottom: 1px solid #ddd;
   color: #333;
   font-size: 15px;
   font-weight: 200;
   line-height: 1;
}

.GLOB-Empty {
   display: block;
   width: 100%;
   height: 70px;
   padding: 25px;
   color: #333;
   font-size: 18px;
   font-weight: 100;
   line-height: 1;
   text-align: center;
   text-transform: capitalize;
}

.MORE {
   display: block;
   width: calc(100% - 50px);
   height: 80px;
   padding: 0px;
   background-color: #ccc;
   border-radius: 5px;
   margin: 25px;
   margin-top: 35px;
}

.MORE button {
   display: block;
   width: 100%;
   height: 80px;
   padding: 0px;
   background-color: #333;
   border: 1px solid #333;
   border-radius: 5px;
   color: #fff;
   font-size: 20px;
   font-weight: 400;
   text-align: center;
   text-transform: uppercase;
   transform: translateY(-10px);
}

.MORE button:hover {
   cursor: pointer;
   background-color: #2d97e5;
   border: 1px solid #2d97e5;
}

.MORE button:active {
   cursor: pointer;
   background-color: #2d97e5;
   border: 1px solid #2d97e5;
   transform: translateY(0px);
}

.ERRORS {
   display: none;
   width: calc(100% - 50px);
   height: auto;
   padding: 25px;
   background-color: #fcecc3;
   border: 1px solid #fcecc3;
   border-radius: 5px;
   color: #000;
   font-size: 18px;
   font-weight: 200;
   line-height: normal;
   text-align: left;
   margin: 25px;
}

.MOBILE {
   display: none !important;
}