@charset "UTF-8";



/***************************************/



/* 1. RESET */



/***************************************/



@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700);

        :root {
            --primary-color: #4a6fa5;
            --secondary-color: #e8eef7;
            --success-color: #5eb074;
            --warning-color: #e8a95b;
            --danger-color: #e87c7c;
            --text-color: #4a4a4a;
            --text-light: #7a7a7a;
            --border-radius: 8px;
            --shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
            --transition: all 0.25s ease-in-out;
            --border-color: #e1e6ef;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
        }


* {



  margin: 0;



  padding: 0;



  outline: none;



  border: none;



  box-sizing: border-box; }







h1, h2, h3, h4,



h5, h6, p, a {



  line-height: 1em; }







a {



  text-decoration: none; }







ul, ol {



  list-style: none; }







header, nav, article,



section, aside, footer {



  display: block; }







figure {



  line-height: 0; }







figure > img {



  width: 100%; }







figure > figcaption {



  display: none; }







/*----------------



  	FONT SIZE



----------------*/



/*----------------



  	LINE HEIGHT



----------------*/



/*------------------



  	MAIN PALETTE



------------------*/



/*-------------



    HOVERS



-------------*/



/*---------------



  	PARAGRAPH



---------------*/



/*------------



  	MENU



------------*/



/*---------------



  	GRADIENT



---------------*/



/*-------------



  	BORDER



-------------*/



/*------------



  	ARROW



------------*/



/*------------



  	STAR



------------*/



/*------------------



  	VIEW SELECTOR



------------------*/



/*-----------------



  	SOCIAL LINKS



-----------------*/



/*-----------------



  	PIE CHARTS



-----------------*/



/*-------------



  	BANNERS



-------------*/



/*------------



  	FOOTER



------------*/



/*------------



  	GRAPHS



------------*/



/*----------------



  	TEXT ICONS



----------------*/



body {



  background-color: #f5f5f5; }







a, p, h1, h2, h3, h4, h5, h6 {



  font-family: "Titillium Web", sans-serif; }







h1, h5, h6 {



  font-weight: 700;



  text-transform: uppercase; }







h1 {



  color: #fff;



  font-size: 3em;



  text-align: center; }



  h1 span {



    color: #118ca7; }







h2 {



  color: #fff;



  font-size: 2em;



  font-weight: 700; }







h3 {



  color: #151c22;



  font-size: 1.5em;



  font-weight: 700;



  text-align: center; }







h4 {



  color: #151c22;



  font-size: 1.25em;



  font-weight: 700; }







h5 {



  color: #fff;



  font-size: 1.125em;



  text-align: center; }







h6 {



  color: #151c22;



  font-size: 0.875em; }







p {



  color: #888;



  font-size: 0.875em;



  line-height: 1.71429em;



  font-weight: 600; }



  p.primary, p.secondary, p.tertiary {



    font-weight: 700; }



  p.primary {



    color: #118ca7; }



  p.secondary {



    color: #1396e1; }



  p.tertiary {



    color: #e61852; }



  p a {



    color: #888; }



    p a.primary {



      color: #06b99b; }



    p a.secondary {



      color: #1396e1; }



    p a.tertiary {



      color: #e61852; }



  p span.light {



    color: #b2b2b2; }



  p span.bold {



    color: #151c22;



    font-weight: 700; }



  p span.primary {



    color: #118ca7; }



  p span.secondary {



    color: #1396e1; }



  p span.tertiary {



    color: #e61852; }





/* --- Modern Message Boxes --- */

.msg-box {

    border-radius: 6px;

    padding: 16px;

    margin: 12px 0;

    font-size: 15px;

    line-height: 1.5;

}



/*---------------



  	OVERLAYS



---------------*/



.image-overlay {



  width: 100%;



  height: 100%;



  background-color: rgba(25, 31, 32, 0.9);



  position: absolute;



  top: 0;



  left: 0;



  opacity: 0;



  visibility: hidden;



  transition: all .3s ease-in;



  cursor: pointer; }



  .image-overlay .clickable-icon {



    width: 70px;



    height: 70px;



    border-radius: 50%;



    position: absolute;


    top: 50%;



    left: 50%;



    margin-left: -35px;



    margin-top: -35px;



    -webkit-transform: scale(0);



    transform: scale(0);



    -webkit-transition-delay: 0.15s;



    transition-delay: 0.15s;



    transition: transform .2s ease-in; }



    .image-overlay .clickable-icon .svg-plus {



      fill: #fff;



      width: 28px;



      height: 28px;



      position: absolute;



      top: 21px;



      left: 21px; }



    .image-overlay .clickable-icon.primary {



      background-color: #118ca7; }



    .image-overlay .clickable-icon.secondary {



      background-color: #1396e1; }



    .image-overlay .clickable-icon.tertiary {



      background-color: #e61852; }







/*-----------------



  	SHADOW FILM



-----------------*/



.shadow-film {



  background-color: #000;



  width: 100%;



  height: 100%;



  position: fixed;



  top: 0;



  left: 0;



  transition: all .3s ease-in-out;



  z-index: 9999; }



  .shadow-film.open {



    opacity: 0.8; }







/*---------------------



  	MFP TRANSITIONS 



---------------------*/



/* overlay at start */



.mfp-fade.mfp-bg {



  opacity: 0;



  transition: all .15s ease-out; }







/* overlay animate in */



.mfp-fade.mfp-bg.mfp-ready {



  opacity: 0.8; }







/* overlay animate out */



.mfp-fade.mfp-bg.mfp-removing {



  opacity: 0; }







/* content at start */



.mfp-fade.mfp-wrap .mfp-content {



  -webkit-transform: scale(0);



  transform: scale(0);



  transition: all .3s ease-in-out; }







/* content animate in */



.mfp-fade.mfp-wrap.mfp-ready .mfp-content {



  -webkit-transform: scale(1);



  transform: scale(1); }







/* content animate out */



.mfp-fade.mfp-wrap.mfp-removing .mfp-content {



  -webkit-transform: scale(0);



  transform: scale(0); }







/* hide controls when closing */



.mfp-removing .mfp-arrow-left, .mfp-removing .mfp-arrow-right {



  opacity: 0; }







/*---------------------------



    BOOTSTRAP DATEPICKER



---------------------------*/



.datepicker.datepicker-inline td, .datepicker.datepicker-inline th,



.datepicker.dropdown-menu td, .datepicker.dropdown-menu th {



  font-family: "Titillium Web", sans-serif; }







.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active,



.datepicker table tr td span.active.active.focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover.active.focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active:hover:active:hover,



.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active {



  background-color: #06b99b;



  border-color: #06b99b; }







/*----------------



  	CLEARFIX



----------------*/



.clearfix:before,



.clearfix:after {



  content: "";



  display: table; }







.clearfix:after {



  clear: both; }







/*------------



  	FORMS



------------*/



input, textarea {



  color: #888;



  font-family: "Titillium Web", sans-serif;



  font-size: 0.8125em;



  border-radius: 4px; }







input {



  display: block; }



  input[type="text"].invalid, input[type="email"].invalid, input[type="password"].invalid {



    border-color: #ea2e68; }



  input[type="text"], input[type="email"], input[type="password"], input[type="number"] {



    width: 100%;



    height: 40px;



    padding: 0 15px;



    border: 1px solid #ebebeb;



    line-height: 40px;



    border-radius: 4px; }



  input[type="number"] {



    padding-right: 0; }



  input.rounded {



    border-radius: 200px; }



  input.datepicker {



    width: 150px;



    height: 32px;



    line-height: 32px; }







textarea {



  width: 100%;



  min-height: 90px;



  border: 1px solid #ebebeb;



  padding: 14px 12px; }







select {



  width: 100%;



  height: 40px;



  padding: 0 40px 0 15px;



  border: 1px solid #ebebeb;



  border-radius: 4px;



  color: #b2b2b2;



  font-family: "Titillium Web", sans-serif;



  line-height: 40px;



  -webkit-appearance: none;



  -moz-appearance: none;



  appearance: none;



  cursor: pointer; }







/* REMOVE IE SELECT ARROW */



select::-ms-expand {



  display: none; }







label {



  display: block;



  margin-bottom: 12px;



  color: #888;



  font-size: 0.8125em;



  font-family: "Titillium Web", sans-serif;



  font-weight: 600;



  cursor: pointer; }



  label:last-child {



    margin-bottom: 0; }



  label.b-label, label.rl-label {



    color: #151c22;



    font-weight: 700; }



  label.rl-label {



    margin-bottom: 14px;



    font-size: 0.875em;



    line-height: 1em;



    cursor: auto; }



    label.rl-label.required:after {



      content: '*';



      color: #118ca7;



      position: relative;

      left: 2px; }



  label.b-label {



    font-size: 0.8125em; }



  label.select-block {



    width: 100%;



    display: inline-block;



    position: relative; }



    label.select-block .svg-arrow {



      fill: #535d5f;



      width: 6px;



      height: 10px;



      position: absolute;



      top: 17px;



      right: 17px;



      -webkit-transform: rotate(90deg);



      transform: rotate(90deg); }



  label > .radio, label > .checkbox {



    display: inline-block;



    width: 18px;



    height: 18px;



    margin-right: 8px;



    border: 1px solid #ebebeb;



    background-color: #f5f5f5;



    position: relative;



    top: 5px; }



  label > .radio {



    border-radius: 50%; }



    label > .radio span {



      width: 6px;



      height: 6px;



      background-color: #118ca7;



      border-radius: 50%;



      position: absolute;



      top: 5px;



      left: 5px;



      display: none; }



  label > .checkbox {



    border-radius: 4px; }



    label > .checkbox span {



      width: 100%;



      height: 100%;



      border-radius: 4px;



      background: url("../imgs/check.png") no-repeat center;



      display: none; }



  label .quantity {



    float: right;



    margin-top: 3px;



    color: #b2b2b2; }







button {



  cursor: pointer; }







input[type="radio"],



input[type="checkbox"] {



  display: none; }



  input[type="radio"]:checked + label .checkbox.primary,



  input[type="checkbox"]:checked + label .checkbox.primary {



    border-color: #118ca7;



    background-color: #118ca7; }



  input[type="radio"]:checked + label .checkbox.secondary,



  input[type="checkbox"]:checked + label .checkbox.secondary {



    border-color: #1396e1;



    background-color: #1396e1; }



  input[type="radio"]:checked + label .checkbox.tertiary,



  input[type="checkbox"]:checked + label .checkbox.tertiary {



    border-color: #e61852;



    background-color: #e61852; }



  input[type="radio"]:checked + label > span > span,



  input[type="checkbox"]:checked + label > span > span {



    display: block; }







/*-------------------



  	PLACEHOLDERS



-------------------*/



.placeholder, ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {



  color: #b2b2b2;



  font-family: "Titillium Web", sans-serif;



  font-size: 13px;



  font-weight: 600; }







::-webkit-input-placeholder {



  /* Chrome */ }







:-moz-placeholder {



  /* Firefox 18- */ }







::-moz-placeholder {



  /* Firefox 19+ */ }







:-ms-input-placeholder {



  /* IE */ }







/*-------------



  	BUTTONS



-------------*/



.button {



  display: block;



  width: 220px;



  height: 30px;



  border-radius: 4px;



  color: #fff;



  font-family: "Titillium Web", sans-serif;



  font-size: 0.75em;



  font-weight: 700;



  line-height: 30px;



  text-align: center; }



  .button.primary {



    background-color: #118ca7; }



    .button.primary:hover {



      background-color: #0ae7c2; }



  .button.secondary {



    background-color: #1cbdf9; }



    .button.secondary:hover {



      background-color: #37c9ff; }



  .button.secondary-dark {



    background-color: #1396e1; }



    .button.secondary-dark:hover {



      background-color: #27a4ec; }



  .button.tertiary {



    background-color: #e61852; }



    .button.tertiary:hover {



      background-color: #f8436e; }



  .button.fb {



    background-color: #355599; }



  .button.twt {



    background-color: #0fccf4; }



  .button.de {



    background-color: #05cc47; }



  .button.wfb {



    background: url("../imgs/fb.png") no-repeat center #355599; }



    .button.wfb:hover {



      background: url("../imgs/fb.png") no-repeat center #4868ae; }



  .button.wtwt {



    background: url("../imgs/twt.png") no-repeat center #0fccf4; }



    .button.wtwt:hover {



      background: url("../imgs/twt.png") no-repeat center #2fd5f9; }



  .button.wdb {



    background: url("../imgs/db.png") no-repeat center #f63f6e; }



    .button.wdb:hover {



      background: url("../imgs/db.png") no-repeat center #fe5e87; }



  .button.wde {



    background: url("../imgs/de.png") no-repeat center #05cc47; }



    .button.wde:hover {



      background: url("../imgs/de.png") no-repeat center #15e159; }



  .button.dark {



    background-color: #151c22;



    position: relative; }



    .button.dark span.primary {



      color: #118ca7; }



    .button.dark span.secondary {



      color: #1396e1; }



    .button.dark:hover {



      background-color: #3b4a4e; }



  .button.dark-light {



    background-color: #535d5f; }



    .button.dark-light:hover {



      background-color: #647072; }



  .button.mid {



    width: 240px;



    height: 42px;



    line-height: 42px;



    font-size: 0.875em; }



    .button.mid.bid {



      float: right;



      width: 120px; }



  .button.mid-short {



    width: 160px; }



  .button.medium {



    width: 170px;



    height: 50px;



    line-height: 50px;



    font-size: 1em; }



  .button.big {



    width: 270px;



    height: 60px;



    line-height: 60px;



    font-size: 1.25em; }



    .button.big.purchase {



      padding-left: 22px;



      text-align: left; }



      .button.big.purchase.bid {



        padding-left: 40px; }



      .button.big.purchase span {



        float: left; }



    .button.big.wcart, .button.big.wfav {



      position: relative;



      text-align: left; }



    .button.big.wcart {



      padding-left: 78px; }



      .button.big.wcart span.icon-present {



        font-size: 25px;



        position: absolute;



        top: 16px;



        left: 35px; }



    .button.big.wfav {



      padding-left: 72px; }



      .button.big.wfav span.fav-count {



        font-size: 10px;



        position: absolute;



        top: 14px;



        left: 40px; }



      .button.big.wfav span.icon-heart {



        font-size: 20px;



        position: absolute;



        top: 15px;



        left: 38px; }



    .button.big span.currency {



      margin-right: 15px;



      font-size: 36px;



      position: relative;



      top: -2px; }



      .button.big span.currency:before {



        content: '$';



        font-size: 18px;



        position: relative;



        top: -4px;



        left: -1px; }



  .button.square {



    width: 30px;



    height: 30px;



    position: relative; }



    .button.square img[alt="close-icon"] {



      position: absolute;



      top: 10px;



      left: 50%;



      margin-left: -5px; }



  .button.half {



    float: left; }



    .button.half + .half {



      float: right; }



  .button.third {



    float: left;



    margin-right: 10px; }



    .button.third + .third + .third {



      float: right;



      margin-right: 0; }







.link-to {



  width: 100%;



  height: 100%;



  position: absolute;



  top: 0;



  left: 0;



  z-index: 10000; }











.infoline {



  height: 100%;



  border: 1px solid #ebebeb;



  border-left: none;



  padding: 22px;



  margin-bottom: 26px;



  background-color: #fff;



  position: relative; }



  .infoline:before {



    display: block;



    content: '';



    width: 6px;



    height: 100%;



    background-color: #535d5f;



    position: absolute;



    top: -1px;



    left: 0; }



  .infoline.primary:before, .infoline.primary .slide-control {



    background-color: #118ca7; }







/*---------------



  	HEADLINE



---------------*/



.headline {



  height: 66px;



  border: 1px solid #ebebeb;



  border-left: none;



  padding-left: 22px;



  margin-bottom: 26px;



  background-color: #fff;



  position: relative; }



  .headline:before {



    display: block;



    content: '';



    width: 6px;



    height: 66px;



    background-color: #535d5f;



    position: absolute;



    top: -1px;



    left: 0; }



  .headline.primary:before, .headline.primary .slide-control {



    background-color: #118ca7; }



  .headline.primary .slide-control:hover {



    background-color: #0ae7c2; }



  .headline.secondary:before, .headline.secondary .slide-control {



    background-color: #1396e1; }



  .headline.secondary .slide-control:hover {



    background-color: #27a4ec; }



  .headline.tertiary:before, .headline.tertiary .slide-control {



    background-color: #e61852; }



  .headline.tertiary .slide-control:hover {



    background-color: #f8436e; }



  .headline.inbox .button-wrap {



    float: right;



    margin-top: 17px;



    overflow: hidden; }



    .headline.inbox .button-wrap .button {



      margin-top: 0; }



  .headline.inbox .button {



    margin-right: 7px; }



  .headline.inbox .slide-control-wrap {



    float: right;



    margin-right: 7px;



    position: static; }



    .headline.inbox .slide-control-wrap.main .slide-control {



      background-color: #535d5f; }



      .headline.inbox .slide-control-wrap.main .slide-control:hover {



        background-color: #647072; }



  .headline.statement form label:last-child {



    margin-right: 16px; }



  .headline h4 {



    float: left;



    line-height: 66px; }



  .headline .slide-control-wrap {



    width: 66px;



    top: 16px;



    right: 16px; }



  .headline .button {



    float: right;



    margin: 17px 15px 0 0; }



  .headline form {



    float: right;



    margin-top: 17px;



    overflow: hidden; }



  .headline select {



    color: #888;



    font-size: 12px;



    height: 32px;



    line-height: 32px; }



  .headline .select-block {



    float: left;



    width: 200px;



    margin-right: 10px; }



    .headline .select-block .svg-arrow {



      width: 5px;



      height: 9px;



      top: 12px;



      right: 13px; }



  .headline .view-selectors {



    float: right;



    margin: 18px 15px 0 0; }



  .headline .search-form {



    float: left;



    width: 290px;



    margin-right: 14px; }



    .headline .search-form input[type="text"] {



      height: 32px;



      font-size: 0.75em; }







/*-----------------



  	HEAD TITLE



-----------------*/



.head-title {



  width: 620px;



  margin: 20px auto 60px; }



  .head-title .text-header {



    margin-bottom: 26px; }



  .head-title p {



    text-align: center; }







/*-----------------------



  	SECTION HEADLINE



-----------------------*/



.section-headline-wrap {



  background: url("../imgs/section_headline_bg.png") no-repeat center, linear-gradient(to right, #118ca7, #1cbdf9);



  background-size: cover; }



  .section-headline-wrap.v2 {



    background: url("../imgs/section_headline_bg.png") no-repeat center, linear-gradient(to right, #f21c5e, #1cc1e4); }



  .section-headline-wrap.v3 {



    background: url("../imgs/section_headline_bg.png") no-repeat center, linear-gradient(to right, #1595de, #00dcdd); }







.section-headline {



  height: 90px;



  padding: 0 30px;



  overflow: hidden; }



  .section-headline h2 {



    float: left;



    line-height: 90px; }



  .section-headline p {



    float: right;



    color: #fff;



    line-height: 90px; }



    .section-headline p .separator {



      margin: 0 13px; }



    .section-headline p .current-section {



      font-weight: 700; }







/*--------------------



  	SLIDE CONTROLS



--------------------*/



.slide-control-wrap {



  position: absolute; }







.slide-control {



  width: 30px;



  height: 30px;



  border-radius: 4px;



  background-color: #535d5f;



  cursor: pointer;



  position: relative; }



  .slide-control:hover {



    background-color: #647072; }



  .slide-control.rounded {



    width: 45px;



    height: 45px;



    border-radius: 50%;



    background-color: rgba(0, 0, 0, 0.8); }



    .slide-control.rounded .svg-arrow {



      top: 17px; }



    .slide-control.rounded.left .svg-arrow {



      left: 18px; }



    .slide-control.rounded.right .svg-arrow {



      left: 20px; }



  .slide-control .svg-arrow {



    fill: #fff;



    width: 8px;



    height: 12px;



    position: absolute;



    top: 9px;



    pointer-events: none; }



  .slide-control.left {



    float: left; }



    .slide-control.left.mfp-arrow-left {



      float: none;



      position: absolute;



      top: 50%;



      margin-top: -15px;



      left: 12%; }



    .slide-control.left .svg-arrow {



      left: 11px;



      -webkit-transform: rotate(180deg);



      transform: rotate(180deg); }



  .slide-control.right {



    float: right; }



    .slide-control.right.mfp-arrow-right {



      float: none;



      position: absolute;



      top: 50%;



      margin-top: -15px;



      right: 12%; }



    .slide-control.right .svg-arrow {



      left: 12px; }







/*----------------



  	CONTROLLERS



----------------*/



.open {



  opacity: 1;



  visibility: visible; }







.closed {



  opacity: 0;



  visibility: hidden; }







/*------------



  	SVG



------------*/



.svg-plus.primary {



  fill: #118ca7; }



.svg-plus.secondary {



  fill: #1cbdf9; }



.svg-plus.tertiary {



  fill: #e61852; }







.svg-minus.primary {



  fill: #118ca7; }



.svg-minus.secondary {



  fill: #1cbdf9; }



.svg-minus.tertiary {



  fill: #e61852; }







.svg-arrow {



  width: 4px;



  height: 8px;



  cursor: pointer; }







.svg-check {



  width: 14px;



  height: 11px;



  fill: #535d5f; }







/*------------



  	PINS



------------*/



.recommendation {



  display: inline-block;



  width: 40px;



  height: 40px;



  border-radius: 50%;



  background-color: #e7e7e7;



  position: relative; }



  .recommendation.hoverable {



    transition: all .15s ease; }



    .recommendation.hoverable.good, .recommendation.hoverable.bad {



      background-color: #e7e7e7; }



    .recommendation.hoverable:hover.good {



      background-color: #118ca7; }



    .recommendation.hoverable:hover.bad {



      background-color: #e61852; }



  .recommendation.good {



    background-color: #118ca7; }



  .recommendation.bad {



    background-color: #e61852; }



  .recommendation .icon-like, .recommendation .icon-dislike {



    color: #fff;



    font-size: 18px;



    position: absolute;



    left: 50%;



    margin-left: -9px; }



  .recommendation .icon-like {



    top: 11px; }



  .recommendation .icon-dislike {



    top: 13px; }







.pin-tag {



  display: inline-block;



  font-family: "Titillium Web", sans-serif;



  font-size: 0.75em;



  font-weight: 700; }



  .pin-tag.primary {



    color: #06b99b; }



  .pin-tag.secondary {



    color: #1396e1; }



  .pin-tag.tertiary {



    color: #e61852; }







.pin {



  display: inline-block;



  padding: 0px 5px;



  border-radius: 2px;



  background-color: #535d5f;



  color: #fff;



  font-family: "Titillium Web", sans-serif;



  font-size: 0.5625em;



  font-weight: 700;



  line-height: 15px;



  text-transform: uppercase;



  position: absolute; }



  .pin.soft-edged {



    line-height: 14px;



    border-radius: 4px;



    padding: 0 6px; }



  .pin.big {



    font-size: 0.625em; }



  .pin.primary {



    background-color: #118ca7; }



  .pin.secondary {



    background-color: #1cbdf9; }



  .pin.featured {



    background-color: #ffc000; }



  .pin.greyed {



    background-color: #d1d1d1; }



  .pin.violet {



    background-color: #7c5ac2; }







/*--------------



  	WIDGETS



--------------*/



.search-widget {



  width: 970px;



  height: 122px;



  padding: 36px 0 0 52px;



  border-radius: 4px;



  position: absolute;



  left: 50%;



  margin-left: -485px;



  background: url("../imgs/searchbar_texture.png") no-repeat center, linear-gradient(to right, #118ca7, #1cbdf9);



  background-size: cover; }







.search-widget-form {



  overflow: hidden; }



  .search-widget-form input, .search-widget-form select {



    float: left;



    height: 50px;



    padding: 0 40px 0 20px;



    color: #888;



    font-size: 0.875em;



    line-height: 50px; }



  .search-widget-form input {



    width: 448px;



    border-top-right-radius: 0;



    border-bottom-right-radius: 0;



    border-right-color: #e1e1e1; }



  .search-widget-form select {



    font-size: 1.07692em;



    border-left: none;



    border-top-left-radius: 0;



    border-bottom-left-radius: 0; }



  .search-widget-form .select-block {



    float: left;



    width: 232px;



    margin-right: 16px; }



    .search-widget-form .select-block .svg-arrow {



      width: 4px;



      height: 8px;



      top: 22px;



      right: 16px; }



  .search-widget-form .placeholder, .search-widget-form ::-webkit-input-placeholder, .search-widget-form :-moz-placeholder, .search-widget-form ::-moz-placeholder, .search-widget-form :-ms-input-placeholder {



    color: #888; }



  .search-widget-form ::-webkit-input-placeholder {



    /* Chrome */



    color: #888; }



  .search-widget-form :-moz-placeholder {



    /* Firefox 18- */



    color: #888; }



  .search-widget-form ::-moz-placeholder {



    /* Firefox 19+ */



    color: #888; }



  .search-widget-form :-ms-input-placeholder {



    /* IE */



    color: #888; }



  .search-widget-form .button {



    float: left; }







/*------------



  	WIDE



------------*/



header, .menu-bar, .banner, #services,



#product-sideshow, #subscribe-banner,



#footer-top, #footer-bottom,



.category-nav, .section-headline,



.section, .sidebar-nav, .author-profile-meta,



.dashboard-content {



  max-width: 1170px;



  width: 95%;



  margin: 0 auto; }







/*------------



  	LOGO



------------*/



.logo {



  width: 400px;



  max-height: 67px; }



  .logo.small {



    width: 245px;



    height: 41px; }







/*--------------------



  	USER QUICKVIEW



--------------------*/



.user-quickview {



  width: 155px;



  padding: 10px 0 0 62px;



  position: relative; }



  .user-quickview .outer-ring, .user-quickview .inner-ring, .user-quickview .user-avatar {



    position: absolute; }



  .user-quickview .outer-ring {



    width: 54px;



    height: 54px;



    top: 0;



    left: 0; }



  .user-quickview .inner-ring {



    width: 50px;



    height: 50px;



    top: 2px;



    left: 2px; }



  .user-quickview .user-avatar {



    top: 7px;



    left: 7px; }



  .user-quickview .user-name {



    cursor: pointer;



    margin-bottom: 2px; }



  .user-quickview .svg-arrow {



    fill: #fff;



    position: absolute;



    top: 12px;



    right: 10px;



    -webkit-transform: rotate(90deg);



    transform: rotate(90deg); }







/*------------



  	RINGS



------------*/



.outer-ring, .inner-ring {



  border-radius: 50%; }







.outer-ring {



  background: -webkit-linear-gradient(to right, #10fac0, #1cbdf9);



  background: linear-gradient(to right, #10fac0, #1cbdf9); }







.inner-ring {



  background-color: #151c22; }







/*-----------------



  	USER AVATAR



-----------------*/



.user-avatar-wrap {



  display: block;



  margin: 0 auto;



  border-radius: 50%; }



  .user-avatar-wrap.medium {



    width: 70px;



    height: 70px; }







.user-avatar {



  width: 40px;



  height: 40px;



  border-radius: 50%; }



  .user-avatar img {



    border-radius: 50%; }



  .user-avatar.small {



    width: 26px;



    height: 26px; }



  .user-avatar.medium {



    width: 70px;



    height: 70px; }







/*-----------------------



  	USER INFORMATION



-----------------------*/



.user-name, .user-money {



  line-height: 1em; }







.user-name {



  color: #fff;



  font-size: 0.75em; }







.user-money {



  color: #118ca7;



  font-size: 1em; }







/*------------



  	RATING



------------*/



.rating {



  overflow: hidden;



  cursor: pointer; }



  .rating .rating-item {



    float: left;



    margin-right: 5px; }



    .rating .rating-item .svg-star {



      fill: #ffc000;



      width: 11px;



      height: 10px; }



    .rating .rating-item.empty .svg-star {



      fill: #cfcfcf; }



    .rating .rating-item:last-child {



      margin-right: 0; }







/*---------------------



  	PRODUCT PREVIEW



---------------------*/



.product-preview-image {



  width: 258px;



  height: 150px; }



  .product-preview-image.large {



    width: 836px;



    height: 484px; }



  .product-preview-image.big {



    width: 358px;



    height: 208px; }



  .product-preview-image.thumbnail {



    width: 78px;



    height: 78px; }



  .product-preview-image.small {



    width: 70px;



    height: 70px; }



  .product-preview-image.tiny {



    width: 60px;



    height: 60px; }



  .product-preview-image.micro {



    width: 34px;



    height: 34px; }







.text-header, .category, .price {



  color: #151c22;



  font-weight: 700;



  line-height: 1em; }







.text-header {



  font-size: 1em; }



  .text-header.small {



    font-size: 0.875em;



    line-height: 1em; }



  .text-header.tiny {



    font-size: 0.75em;



    line-height: 1.16667em; }



  .text-header.mid {



    font-size: 1.5em; }



  .text-header.big {



    font-size: 2.25em; }



  .text-header a {



    color: #151c22; }







.category {



  font-size: 0.75em; }



  .category.tiny {



    font-size: 0.6875em; }



  .category.primary {



    color: #06b99b; }



    .category.primary > a {



      color: #06b99b; }



  .category.secondary {



    color: #1396e1; }



    .category.secondary > a {



      color: #1396e1; }



  .category.tertiary {



    color: #e61852; }



    .category.tertiary > a {



      color: #e61852; }







.price {



  font-size: 1.25em;



  position: relative; }



  .price span {



    font-size: 0.6em;



    position: relative;



    top: -2px; }



  .price.tiny {



    font-size: 1em; }



    .price.tiny span {



      font-size: 0.5625em; }



  .price.medium {



    font-size: 1.625em; }



    .price.medium span {



      font-size: 0.61538em; }



  .price.big {



    font-size: 2.375em; }



    .price.big span {



      font-size: 0.47368em; }



  .price.large {



    font-size: 3em; }



    .price.large span {



      font-size: 0.47368em; }



  .price.larger {



    font-size: 3.375em; }



    .price.larger span {



      font-size: 0.59259em; }







.text-oneline {



  font-size: 0.75em;



  line-height: 18px; }







.timestamp {



  color: #b2b2b2;



  font-size: 0.75em; }







.line-separator {



  background-color: #ebebeb;



  height: 1px;



  border: none; }







/*--------------



  	DROPDOWN



--------------*/



.dropdown {



  width: 230px;



  position: absolute;



  border: 1px solid #ebebeb;



  background-color: #fff;



  transition: all .4s ease-in-out;



  z-index: 10000; }



  .dropdown .dropdown-triangle {



    width: 0;



    height: 0;



    border-left: 8px solid transparent;



    border-right: 8px solid transparent;



    border-bottom: 8px solid #fff;



    position: absolute;



    top: -8px;



    right: 22px; }



  .dropdown.hover-effect > .dropdown-item > a {



    transition: all .15s ease;



    border-left: 0px solid #118ca7; }



    .dropdown.hover-effect > .dropdown-item > a:hover {



      border-left: 6px solid #118ca7; }



  .dropdown.hover-effect.secondary > .dropdown-item > a {



    transition: all .15s ease;



    border-left: 0px solid #1396e1; }



    .dropdown.hover-effect.secondary > .dropdown-item > a:hover {



      border-left: 6px solid #1396e1; }



  .dropdown.hover-effect.tertiary > .dropdown-item > a {



    transition: all .15s ease;



    border-left: 0px solid #e61852; }



    .dropdown.hover-effect.tertiary > .dropdown-item > a:hover {



      border-left: 6px solid #e61852; }



  .dropdown.small {



    width: 170px; }



    .dropdown.small.hover-effect .dropdown-item > a:hover {



      border-left: 4px solid #118ca7; }



    .dropdown.small .dropdown-item > a {



      padding-left: 14px;



      line-height: 40px;



      font-size: 0.75em; }



  .dropdown.notifications {



    width: 300px; }



    .dropdown.notifications .dropdown-item {



      height: 81px;



      padding: 20px 55px 0 70px;



      position: relative; }



      .dropdown.notifications .dropdown-item .user-avatar {



        position: absolute;



        top: 20px;



        left: 15px; }



      .dropdown.notifications .dropdown-item .title {



        font-size: 0.6875em;



        line-height: 1.27273em; }



        .dropdown.notifications .dropdown-item .title span {



          color: #151c22;



          font-weight: 700; }



      .dropdown.notifications .dropdown-item .subject {



        font-size: 0.6875em; }



      .dropdown.notifications .dropdown-item .timestamp {



        font-size: 0.625em; }



      .dropdown.notifications .dropdown-item .notification-type {



        color: #888;



        font-size: 19px;



        position: absolute;



        top: 30px;



        right: 19px; }



        .dropdown.notifications .dropdown-item .notification-type.primary-new {



          color: #118ca7; }



        .dropdown.notifications .dropdown-item .notification-type.secondary-new {



          color: #1cbdf9; }



  .dropdown.cart {



    width: 300px; }



    .dropdown.cart .dropdown-item {



      height: 92px;



      padding: 18px 40px 0 84px;



      position: relative; }



      .dropdown.cart .dropdown-item .svg-plus {



        fill: #b2b2b2;



        width: 10px;



        height: 10px;



        position: absolute;



        top: 10px;



        right: 10px;



        -webkit-transform: rotate(45deg);



        transform: rotate(45deg);



        z-index: 10000; }



      .dropdown.cart .dropdown-item:last-child {



        padding: 0 18px 0 84px;



        height: 43px;



        cursor: auto; }



        .dropdown.cart .dropdown-item:last-child .text-header {



          float: left;



          line-height: 43px; }



        .dropdown.cart .dropdown-item:last-child .price {



          float: right;



          font-size: 0.875em;



          line-height: 43px; }



      .dropdown.cart .dropdown-item .product-preview-image {



        position: absolute;



        top: 16px;



        left: 16px; }



      .dropdown.cart .dropdown-item .text-header {



        margin-bottom: 3px; }



      .dropdown.cart .dropdown-item .category {



        margin-bottom: 2px; }



      .dropdown.cart .dropdown-item .button {



        bottom: -54px; }



  .dropdown.dark {



    background-color: #222b2d;



    border-color: #151c22; }



    .dropdown.dark .dropdown-item {



      border-color: #151c22; }



      .dropdown.dark .dropdown-item.active > a {



        color: #fff;



        border-left: 6px solid #118ca7; }



        .dropdown.dark .dropdown-item.active > a .svg-arrow {



          fill: #fff; }



        .dropdown.dark .dropdown-item.active > a .sl-icon {



          color: #118ca7; }



      .dropdown.dark .dropdown-item:hover {



        background-color: #222b2d; }



        .dropdown.dark .dropdown-item:hover > a {



          color: #fff; }



          .dropdown.dark .dropdown-item:hover > a .svg-arrow {



            fill: #fff; }



          .dropdown.dark .dropdown-item:hover > a .sl-icon {



            color: #118ca7; }



      .dropdown.dark .dropdown-item > a {



        padding-left: 30px;



        color: #6a7779;



        transition: all .2s ease-in; }



        .dropdown.dark .dropdown-item > a .svg-arrow {



          transition: fill .2s ease-in; }



  .dropdown.no-hover .dropdown-item {



    cursor: auto; }



  .dropdown.secondary .dropdown-item.active > a {



    border-left: 6px solid #1396e1; }



  .dropdown.tertiary .dropdown-item.active > a {



    border-left: 6px solid #e61852; }



  .dropdown .dropdown-item {



    border-bottom: 1px solid #ebebeb;



    position: relative; }



    .dropdown .dropdown-item.active > a {



      border-left: 6px solid #118ca7; }



    .dropdown .dropdown-item > .dropdown {



      position: absolute;



      top: -1px;



      right: -160px; }



    .dropdown .dropdown-item .svg-arrow {



      width: 5px;



      height: 11px;



      fill: #151c22;



      pointer-events: none; }



    .dropdown .dropdown-item:hover {



      background-color: #f6f6f6; }



      .dropdown .dropdown-item:hover > .dropdown {



        right: -230px;



        opacity: 1;



        visibility: visible;



        pointer-events: auto; }



    .dropdown .dropdown-item > a {



      display: block;



      padding-left: 15px;



      line-height: 50px;



      color: #151c22;



      font-size: 0.875em;



      font-weight: 700; }



      .dropdown .dropdown-item > a .svg-arrow {



        position: relative;



        top: 1px;



        left: 10px;



        fill: #535d5f;



        -webkit-transform: rotate(90deg);



        transform: rotate(90deg); }



      .dropdown .dropdown-item > a .item-count {



        float: right;



        margin-right: 18px;



        color: #b2b2b2; }



    .dropdown .dropdown-item .button {



      width: 300px;



      height: 50px;



      line-height: 50px;



      padding: 0;



      color: #fff;



      font-size: 0.75em;



      position: absolute;



      bottom: -51px;



      left: -1px;



      border-radius: 0; }



      .dropdown .dropdown-item .button.half {



        width: 150px; }



        .dropdown .dropdown-item .button.half:last-child {



          left: auto;



          right: -1px; }



    .dropdown .dropdown-item:last-child {



      border-bottom: none; }



    .dropdown .dropdown-item .pin {



      top: 18px;



      right: 22px;



      pointer-events: none; }







.inner-dropdown {



  padding: 0 0 15px 45px;



  background-color: #1e2527;



  border-top: 1px solid #151c22;



  overflow: hidden;



  display: none; }



  .inner-dropdown.open {



    display: block; }



  .inner-dropdown .inner-dropdown-item {



    position: relative; }



    .inner-dropdown .inner-dropdown-item > p {



      margin: 24px 0 10px;



      color: #fff;



      font-size: 0.8125em;



      line-height: 1em;



      text-transform: uppercase; }



    .inner-dropdown .inner-dropdown-item > a {



      display: block;



      color: #6a7779;



      font-size: 0.8125em;



      font-weight: 700;



      line-height: 34px;



      opacity: 0.6;



      transition: opacity .15s ease-in; }



      .inner-dropdown .inner-dropdown-item > a:hover {



        opacity: 1; }



    .inner-dropdown .inner-dropdown-item .pin {



      top: 10px;



      right: 22px; }







/*--------------



  	SIDEBAR



--------------*/



.sidebar-nav-wrap {



  background-color: #fff;



  border-top: 1px solid #ebebeb;



  border-bottom: 1px solid #ebebeb; }






.sidebar-nav {



  height: 60px; }



  .sidebar-nav .sidebar-menu {



    float: left; }



  .sidebar-nav .sidebar-filters {



    float: right;



    margin-right: 30px; }



    .sidebar-nav .sidebar-filters form, .sidebar-nav .sidebar-filters .view-selectors, .sidebar-nav .sidebar-filters .button {



      margin-top: 14px; }



    .sidebar-nav .sidebar-filters form, .sidebar-nav .sidebar-filters .view-selectors {



      float: left; }



    .sidebar-nav .sidebar-filters form {



      margin-right: 22px; }



      .sidebar-nav .sidebar-filters form select {



        color: #888;



        font-size: 12px;



        height: 32px;



        line-height: 32px; }



      .sidebar-nav .sidebar-filters form .select-block {



        float: left;



        width: 200px;



        margin-right: 10px; }



        .sidebar-nav .sidebar-filters form .select-block:last-child {



          margin-right: 0; }



        .sidebar-nav .sidebar-filters form .select-block .svg-arrow {



          width: 5px;



          height: 9px;



          top: 12px;



          right: 13px; }



    .sidebar-nav .sidebar-filters .view-selectors {



      margin-right: 12px; }



    .sidebar-nav .sidebar-filters .button {



      float: right;



      width: 160px; }







.sidebar-menu .sidebar-menu-item {



  float: left;



  border-right: 1px solid #ebebeb;



  position: relative; }



  .sidebar-menu .sidebar-menu-item .svg-arrow {



    fill: #535d5f;



    width: 5px;



    height: 9px;



    position: absolute;



    top: 26px;



    right: 32px;



    -webkit-transform: rotate(90deg);



    transform: rotate(90deg);



    pointer-events: none; }



  .sidebar-menu .sidebar-menu-item a {



    display: block;



    height: 60px;



    padding: 0 48px 0 30px;



    color: #151c22;



    font-size: 0.875em;



    line-height: 60px;



    font-weight: 700; }







.sidebar-menu-dropdown {



  width: 270px;



  border: 1px solid #ebebeb;



  padding: 22px 14px;



  background-color: #fff;



  position: absolute;



  left: 0;



  z-index: 9999;



  display: none; }



  .sidebar-menu-dropdown.big {



    width: 300px;



    padding: 36px 14px 46px; }







/*------------------------



  	INFORMATION LAYOUT



------------------------*/



.information-layout .information-layout-item {



  padding: 10px 0;



  border-bottom: 1px solid #ebebeb;



  overflow: hidden; }



  .information-layout .information-layout-item:last-child {



    border-bottom: none; }



  .information-layout .information-layout-item p {



    font-size: 0.8125em;



    line-height: 20px; }



    .information-layout .information-layout-item p:nth-child(1) {



      float: left; }



    .information-layout .information-layout-item p:nth-child(2) {



      float: right;



      text-align: right; }



.information-layout.v2 .information-layout-item {



  border-bottom: none; }



.information-layout.v2 p:nth-child(1), .information-layout.v2 p:nth-child(2) {



  float: none;



  text-align: left; }



.information-layout.v2 p span {



  color: #151c22;



  font-weight: 700; }







/*-------------------



  	ITEM PREVIEW



-------------------*/



.item-preview {



  padding: 2px 0 0 80px;



  position: relative; }



  .item-preview .product-preview-image {



    position: absolute;



    top: 0;



    left: 0; }



  .item-preview .text-header {



    line-height: 16px;



    margin-bottom: 3px; }



  .item-preview .category {



    margin-bottom: 4px; }



  .item-preview .description {



    font-size: 0.75em; }







/*-------------------



  	COUNTDOWNS



-------------------*/



.bid-countdown {



  position: relative; }



  .bid-countdown > div {



    margin-right: 14px; }



    .bid-countdown > div:last-child {



      margin-right: 0; }



    .bid-countdown > div > p {



      position: absolute;



      top: 8px;



      left: 50%;



      color: #151c22;



      font-size: 1.125em;



      font-weight: 700;



      text-align: center;



      line-height: 35px; }



      .bid-countdown > div > p .tag {



        color: #888;



        font-size: 13px;



        font-weight: 600; }



  .bid-countdown .colon {



    color: #151c22;



    font-family: "Titillium Web", sans-serif;



    font-size: 1.125em;



    font-weight: 700;



    position: absolute;



    top: 10px; }



    .bid-countdown .colon:nth-child(1) {



      left: 55px; }



    .bid-countdown .colon:nth-child(2) {



      left: 119px; }



    .bid-countdown .colon:nth-child(3) {



      left: 183px; }







/*--------------



  	COLUMNS



--------------*/



.column5-wrap {



  margin: 0 auto; }



  .column5-wrap .column {



    float: left; }







.column4-wrap, .column3-wrap,



.column3-4-wrap, .column-wrap {



  margin: 0 auto; }



  .column4-wrap .column, .column3-wrap .column,



  .column3-4-wrap .column, .column-wrap .column {



    float: left;



    margin-right: 30px; }







.column5-wrap .column {



  width: 234px; }







.column4-wrap .column {



  width: 270px; }



  .column4-wrap .column:nth-child(4n+4) {



    margin-right: 0; }







.column3-4-wrap {



  width: 870px; }



  .column3-4-wrap .column {



    width: 270px; }



    .column3-4-wrap .column:nth-child(3n+3) {



      margin-right: 0; }







.column3-wrap .column {



  width: 370px; }



  .column3-wrap .column:nth-child(3n+3) {



    margin-right: 0; }







.column-wrap .column {



  width: 270px; }



  .column-wrap .column:last-child {



    margin-right: 0; }







/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  /*--------------



    	COLUMNS



  --------------*/



  .column5-wrap {



    width: 702px; }







  .column4-wrap {



    width: 870px; }



    .column4-wrap .column:nth-child(4n+4) {



      margin-right: 30px; }



    .column4-wrap .column:nth-child(3n+3) {



      margin-right: 0; }



    .column4-wrap.service-list {



      width: 570px; }



      .column4-wrap.service-list .column {



        margin-bottom: 60px; }



        .column4-wrap.service-list .column:nth-child(3n+3) {



          margin-right: 30px; }



        .column4-wrap.service-list .column:nth-child(2n+2) {



          margin-right: 0; }







  .column3-wrap {



    width: 770px; }



    .column3-wrap .column:nth-child(3n+3) {



      margin-right: 30px; }



    .column3-wrap .column:nth-child(2n+2) {



      margin-right: 0; }







  /*--------------



    	SIDEBAR



  --------------*/



  .sidebar-nav {



    max-width: none;



    width: 100%;



    height: auto;



    padding-bottom: 30px;



    overflow: hidden; }



    .sidebar-nav .sidebar-filters {



      width: 410px;



      float: none;



      margin: 0 auto;



      overflow: hidden; }



      .sidebar-nav .sidebar-filters form {



        margin-right: 0;



        margin-bottom: 14px; }



        .sidebar-nav .sidebar-filters form label {



          margin-bottom: 0; }



      .sidebar-nav .sidebar-filters .view-selectors {



        float: none;



        width: 66px;



        margin: 0 auto; }



      .sidebar-nav .sidebar-filters .button {



        float: none;



        margin: 18px auto 0; }







  .sidebar-menu {



    width: 100%;



    margin-bottom: 20px; }



    .sidebar-menu .sidebar-menu-item {



      float: none;



      width: 100%;



      border-right: none;



      border-bottom: 1px solid #ebebeb; }







  .sidebar-menu-dropdown {



    width: 100%;



    padding: 22px 30px;



    border: none;



    border-top: 1px solid #ebebeb;



    position: static; }



    .sidebar-menu-dropdown.big {



      width: 100%; }







  /*--------------------



    	SLIDE CONTROLS



  --------------------*/



  .slide-control.left.mfp-arrow-left {



    top: auto;



    margin-top: 0;



    bottom: 20px;



    left: 50%;



    margin-left: -45px; }



  .slide-control.right.mfp-arrow-right {



    top: auto;



    margin-top: 0;



    bottom: 20px;



    right: 50%;



    margin-right: -45px; } }



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



  /*--------------



    	COLUMNS



  --------------*/



  .column5-wrap {



    width: 468px; }







  .column4-wrap, .column3-4-wrap {



    width: 570px; }



    .column4-wrap .column, .column3-4-wrap .column {



      margin-bottom: 60px; }



      .column4-wrap .column:nth-child(3n+3), .column3-4-wrap .column:nth-child(3n+3) {



        margin-right: 30px; }



      .column4-wrap .column:nth-child(2n+2), .column3-4-wrap .column:nth-child(2n+2) {



        margin-right: 0; }







  .column3-wrap {



    width: 370px; }



    .column3-wrap .column {



      margin-right: 0; }



      .column3-wrap .column:nth-child(3n+3) {



        margin-right: 0; }







  /*-----------------



    	HEAD TITLE



  -----------------*/



  .head-title {



    width: 90%; }







  .dashboard-content .headline.inbox .button-wrap {



    float: none;



    width: 103px;



    margin: 0 auto 16px; }



    .dashboard-content .headline.inbox .button-wrap .button {



      float: right; } }



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



  /*--------------



    	COLUMNS



  --------------*/



  .column5-wrap {



    width: 234px; }







  .column4-wrap, .column3-4-wrap {



    width: 270px; }



    .column4-wrap .column, .column3-4-wrap .column {



      margin-right: 0; }



    .column4-wrap.service-list, .column3-4-wrap.service-list {



      width: 270px; }



      .column4-wrap.service-list .column, .column3-4-wrap.service-list .column {



        margin-right: 0; }



        .column4-wrap.service-list .column:nth-child(3n+3), .column3-4-wrap.service-list .column:nth-child(3n+3) {



          margin-right: 0; }







  /*-----------------------



    	SECTION HEADLINE



  -----------------------*/



  .section-headline {



    padding: 0; }



    .section-headline h2 {



      float: none;



      text-align: center; }



    .section-headline p {



      display: none; }







  /*--------------------



    	SLIDE CONTROLS



  --------------------*/



  .slide-control.left.mfp-arrow-left {



    bottom: 50px; }



  .slide-control.right.mfp-arrow-right {



    bottom: 50px; } }



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



  h1 {



    font-size: 2.5em; }







  /*--------------



    	COLUMNS



  --------------*/



  .column3-wrap {



    width: 90%; }



    .column3-wrap .column {



      width: 100%; }



    .column3-wrap.service-list.small .service-item {



      padding: 80px 0 0; }



      .column3-wrap.service-list.small .service-item .outer-ring {



        left: 50%;



        margin-left: -25px; }



      .column3-wrap.service-list.small .service-item h3, .column3-wrap.service-list.small .service-item p {



        text-align: center; }







  /*--------------



    	SIDEBAR



  --------------*/



  .sidebar-nav .sidebar-filters {



    width: 200px; }



    .sidebar-nav .sidebar-filters form label {



      margin-right: 0;



      margin-bottom: 12px; }



      .sidebar-nav .sidebar-filters form label:last-child {



        margin-bottom: 0; }







  /*--------------------



    	SLIDE CONTROLS



  --------------------*/



  .slide-control.left.mfp-arrow-left {



    bottom: 120px; }


  .slide-control.right.mfp-arrow-right {



    bottom: 120px; } }



.header-wrap {



  background-color: #151c22; }







header {



  min-height: 100px; }



  header .logo {



    float: left;



    margin-top: 20px; }



  header .logo-mobile {



    display: none;



    width: 48px;



    height: 56px;



    position: absolute;



    top: 20px;



    left: 50%;



    margin-left: -24px; }



  header .mobile-menu-handler,



  header .mobile-account-options-handler {



    width: 90px;



    height: 100px;



    position: absolute;



    top: 0;



    display: none;



    cursor: pointer; }



    header .mobile-menu-handler.primary,



    header .mobile-account-options-handler.primary {



      background-color: #118ca7; }



    header .mobile-menu-handler.secondary,



    header .mobile-account-options-handler.secondary {



      background-color: #1cbdf9; }



    header .mobile-menu-handler.left,



    header .mobile-account-options-handler.left {



      left: 0; }



    header .mobile-menu-handler.right,



    header .mobile-account-options-handler.right {



      right: 0; }



    header .mobile-menu-handler img[alt="pull-icon"],



    header .mobile-account-options-handler img[alt="pull-icon"] {



      position: absolute;



      top: 41px;



      left: 50%;



      margin-left: -13px; }



    header .mobile-menu-handler .icon-user,



    header .mobile-account-options-handler .icon-user {



      color: #fff;



      font-size: 24px;



      position: absolute;



      top: 38px;



      left: 50%;



      margin-left: -12px; }



  header .user-board {



    float: right; }



    header .user-board .user-quickview {



      float: right;



      height: 80px;



      margin-top: 20px; }



      header .user-board .user-quickview .dropdown {



        left: 2px; }



        header .user-board .user-quickview .dropdown.open {



          top: 69px; }



        header .user-board .user-quickview .dropdown.closed {



          top: 0; }



  header .account-information {



    float: right;



    margin: 40px 6px 0 0; }



    header .account-information .account-wishlist-quickview, header .account-information .account-cart-quickview,



    header .account-information .account-email-quickview, header .account-information .account-settings-quickview {



      float: left;



      padding-right: 34px;



      cursor: pointer;



      position: relative; }



      header .account-information .account-wishlist-quickview:first-child, header .account-information .account-wishlist-quickview:last-child, header .account-information .account-cart-quickview:first-child, header .account-information .account-cart-quickview:last-child,



      header .account-information .account-email-quickview:first-child,



      header .account-information .account-email-quickview:last-child, header .account-information .account-settings-quickview:first-child, header .account-information .account-settings-quickview:last-child {



        padding-right: 26px; }



      header .account-information .account-wishlist-quickview > span:first-child, header .account-information .account-cart-quickview > span:first-child,



      header .account-information .account-email-quickview > span:first-child, header .account-information .account-settings-quickview > span:first-child {



        position: relative;



        color: #717f82;



        transition: all .2s ease-in-out; }



        header .account-information .account-wishlist-quickview > span:first-child .svg-arrow, header .account-information .account-cart-quickview > span:first-child .svg-arrow,



        header .account-information .account-email-quickview > span:first-child .svg-arrow, header .account-information .account-settings-quickview > span:first-child .svg-arrow {



          fill: #717f82;



          position: absolute;



          right: -10px;



          -webkit-transform: rotate(90deg);



          transform: rotate(90deg);



          transition: all .2s ease-in-out; }



      header .account-information .account-wishlist-quickview:hover > span:first-child, header .account-information .account-wishlist-quickview.active > span:first-child, header .account-information .account-cart-quickview:hover > span:first-child, header .account-information .account-cart-quickview.active > span:first-child,



      header .account-information .account-email-quickview:hover > span:first-child,



      header .account-information .account-email-quickview.active > span:first-child, header .account-information .account-settings-quickview:hover > span:first-child, header .account-information .account-settings-quickview.active > span:first-child {



        color: #b6c6ca; }



        header .account-information .account-wishlist-quickview:hover > span:first-child .svg-arrow, header .account-information .account-wishlist-quickview.active > span:first-child .svg-arrow, header .account-information .account-cart-quickview:hover > span:first-child .svg-arrow, header .account-information .account-cart-quickview.active > span:first-child .svg-arrow,



        header .account-information .account-email-quickview:hover > span:first-child .svg-arrow,



        header .account-information .account-email-quickview.active > span:first-child .svg-arrow, header .account-information .account-settings-quickview:hover > span:first-child .svg-arrow, header .account-information .account-settings-quickview.active > span:first-child .svg-arrow {



          fill: #b6c6ca; }



      header .account-information .account-wishlist-quickview .dropdown, header .account-information .account-cart-quickview .dropdown,



      header .account-information .account-email-quickview .dropdown, header .account-information .account-settings-quickview .dropdown {



        right: 13px; }



        header .account-information .account-wishlist-quickview .dropdown.open, header .account-information .account-cart-quickview .dropdown.open,



        header .account-information .account-email-quickview .dropdown.open, header .account-information .account-settings-quickview .dropdown.open {



          top: 49px; }



        header .account-information .account-wishlist-quickview .dropdown.closed, header .account-information .account-cart-quickview .dropdown.closed,



        header .account-information .account-email-quickview .dropdown.closed, header .account-information .account-settings-quickview .dropdown.closed {



          top: 0; }



    header .account-information .pin {



      font-size: 0.625em;



      top: -5px;



      left: -6px; }



    header .account-information .account-settings-quickview .dropdown {



      right: 0; }



    header .account-information .icon-present, header .account-information .icon-envelope, header .account-information .icon-settings {



      font-size: 22px; }



    header .account-information .icon-heart {



      top: 1px;



      font-size: 21px; }



    header .account-information .icon-present {



      top: -2px; }



      header .account-information .icon-present .svg-arrow {



        top: 9px; }



    header .account-information .icon-envelope {



      top: 1px; }



      header .account-information .icon-envelope .svg-arrow {



        top: 6px;



        right: -12px; }



    header .account-information .icon-settings .svg-arrow {



      top: 7px;



      right: -12px; }



  header .account-actions {



    float: right;



    margin: 40px 26px 0 0; }



    header .account-actions.no-space {



      margin-right: 0; }



    header .account-actions .interesting-link {



      float: left;



      margin-right: 30px;



      margin-top: 6px;



      color: #b6c6ca;



      font-size: 0.75em;



      font-weight: 700; }



      header .account-actions .interesting-link:hover {



        color: #fff; }



    header .account-actions .button {



      width: auto;



      float: left;



      height: 24px;



      line-height: 24px;



      padding: 0 20px;



      margin-right: 12px; }



      header .account-actions .button:last-child {



        margin-right: 0; }







/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  header .logo, header .user-board {



    display: none; }



  header .logo-mobile, header .mobile-menu-handler,



  header .mobile-account-options-handler {



    display: block; } }



.main-menu-wrap {



  background-color: #fff; }



  .main-menu-wrap.dark {



    background-color: #3a494d; }



    .main-menu-wrap.dark .main-menu .menu-item {



      border-right-color: #465559; }



      .main-menu-wrap.dark .main-menu .menu-item > a {



        color: #fff; }



    .main-menu-wrap.dark .main-menu .content-dropdown {



      background-color: #3a494d;



      border-color: #465559; }



      .main-menu-wrap.dark .main-menu .content-dropdown .feature-list-title {



        color: #fff; }



      .main-menu-wrap.dark .main-menu .content-dropdown .line-separator {



        background-color: #465559; }



      .main-menu-wrap.dark .main-menu .content-dropdown .feature-list-item > a:hover {



        color: #fff; }







.menu-bar {



  min-height: 71px;



  position: relative; }



  .menu-bar .search-form {



    width: 320px;



    position: absolute;



    top: 14px;



    right: 0; }







.main-menu {



  min-height: 71px;



  position: relative; }



  .main-menu.top-highlight .menu-item > a {



    border-top: 6px solid transparent;



    line-height: 58px;



    padding-bottom: 7px; }



  .main-menu.top-highlight .menu-item:hover > a {



    color: #151c22;



    background-color: #fff;



    border-top-color: #118ca7; }



    .main-menu.top-highlight .menu-item:hover > a .svg-arrow {



      fill: #535d5f; }



  .main-menu .menu-item {



    float: left;



    border-right: 1px solid #ebebeb; }



    .main-menu .menu-item .svg-arrow {



      fill: #535d5f;



      position: relative;



      left: 15px;



      transition: fill .15s ease-in-out;



      -webkit-transform: rotate(90deg);



      transform: rotate(90deg); }



    .main-menu .menu-item .dropdown .svg-arrow {



      width: 5px;



      height: 11px;



      fill: #151c22;



      position: static;



      float: right;



      margin-right: 14px;



      margin-top: 22px;



      margin-left: 0;



      pointer-events: none;



      transition: none;



      -webkit-transform: rotate(0deg);



      transform: rotate(0deg); }



    .main-menu .menu-item.sub > a {



      padding-right: 40px; }



    .main-menu .menu-item > a {



      display: block;



      padding: 0 30px;



      color: #151c22;



      font-size: 0.875em;



      font-weight: 700;



      text-transform: uppercase;



      line-height: 71px;



      transition: all .15s ease-in-out; }



    .main-menu .menu-item:hover > a {



      color: #fff;



      background-color: #118ca7; }



      .main-menu .menu-item:hover > a .svg-arrow {



        fill: #fff; }



    .main-menu .menu-item:hover > .content-dropdown, .main-menu .menu-item:hover > .dropdown {



      top: 71px;



      opacity: 1;



      visibility: visible;



      pointer-events: auto; }



    .main-menu .menu-item > .content-dropdown, .main-menu .menu-item > .dropdown {



      top: 0;



      left: 0; }







.content-dropdown {



  padding: 25px 40px 40px;



  background-color: #fff;



  border: 1px solid #ebebeb;



  position: absolute;



  opacity: 0;



  visibility: hidden;



  transition: all .3s ease-in-out;



  z-index: 10000;



  pointer-events: none; }







.feature-list-block {



  float: left;



  margin-right: 30px; }



  .feature-list-block:last-child {



    margin-right: 0; }



  .feature-list-block .line-separator {



    margin-bottom: 16px; }



  .feature-list-block .product-list.grid .product-item {



    margin-bottom: 0; }







.feature-list-title {



  margin-bottom: 12px; }







.feature-list {



  float: left;



  width: 170px;



  margin-right: 30px; }



  .feature-list.spaced {



    margin-bottom: 20px; }



  .feature-list + .feature-list {



    float: right;



    margin-right: 0; }







.feature-list-item {



  margin-bottom: 12px; }



  .feature-list-item > a {



    display: inline-block;



    line-height: 1em;



    color: #888;



    font-size: 0.8125em;



    font-weight: 600;



    cursor: pointer;



    position: relative;



    transition: color .15s ease-in-out; }



    .feature-list-item > a:hover {



      color: #151c22; }



    .feature-list-item > a .pin {



      font-size: 0.625em;



      top: 0;



      right: -40px; }







.search-form {



  position: relative; }



  .search-form input[type="text"] {



    padding: 0 60px 0 20px; }



  .search-form input[type="image"] {



    position: absolute;



    top: 0;



    right: -2px; }







.side-menu {



  width: 270px;



  height: 100%;



  padding-bottom: 100px;



  background-color: #222b2d;



  position: fixed;



  top: 0;



  z-index: 10000;



  overflow: auto;



  transition: all .3s ease-in-out; }



  .side-menu::-webkit-scrollbar {



    -webkit-appearance: none; }



  .side-menu::-webkit-scrollbar:vertical {



    width: 12px; }



  .side-menu::-webkit-scrollbar:horizontal {



    height: 12px; }



  .side-menu::-webkit-scrollbar-thumb {



    background-color: #535d5f;



    border-radius: 10px;



    border: 2px solid #151c22; }



  .side-menu::-webkit-scrollbar-track {



    border-radius: 10px;



    background-color: #151c22; }



  .side-menu.open.left {



    left: 0; }



  .side-menu.open.right {



    right: 0; }



  .side-menu.closed.left {



    left: -270px; }



  .side-menu.closed.right {



    right: -270px; }



  .side-menu .svg-plus {



    width: 14px;



    height: 14px;



    fill: #fff;



    -webkit-transform: rotate(45deg);



    transform: rotate(45deg);



    position: absolute;



    top: 16px;



    right: 18px;



    cursor: pointer; }



  .side-menu.dashboard {



    padding-bottom: 0; }



    .side-menu.dashboard.closed {



      opacity: 1;



      visibility: visible; }



      .side-menu.dashboard.closed.left {



        left: 0; }



      .side-menu.dashboard.closed.right {



        right: 0; }



    .side-menu.dashboard .svg-plus {



      top: 28px;



      display: none; }



    .side-menu.dashboard .side-menu-header {



      height: 122px; }



    .side-menu.dashboard .user-quickview {



      margin: 32px 0 0 32px; }



    .side-menu.dashboard .inner-dropdown {



      padding-top: 15px; }



    .side-menu.dashboard .sl-icon {



      margin-right: 14px;



      position: relative;



      top: 1px;



      transition: all .01s ease; }



    .side-menu.dashboard .button:last-child {



      margin: 22px auto 100px; }



  .side-menu .side-menu-header {



    height: 100px;



    background-color: #151c22;



    overflow: hidden; }



  .side-menu .side-menu-title {



    padding-left: 20px;



    background-color: #202729;



    color: #535d5f;



    font-size: 0.625em;



    font-weight: 700;



    line-height: 35px;



    text-transform: uppercase; }



  .side-menu .logo {



    margin: 28px 0 0 20px; }



  .side-menu .dropdown {



    width: 100%;



    border-left: none;



    border-right: none;



    position: static; }



  .side-menu.right {



    right: 0; }



  .side-menu.left {



    left: 0; }



  .side-menu .user-quickview {



    margin: 21px 0 0 20px; }



    .side-menu .user-quickview .user-name {



      cursor: auto; }



  .side-menu .button {



    width: 226px;



    margin: 0 auto; }



    .side-menu .button:nth-last-child(2) {



      margin: 22px auto 18px; }







/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  .main-menu {



    display: none; }







  .menu-bar .search-form {



    width: 90%;



    margin: 0 auto;



    position: relative; } }



.banner-wrap {



  background: url("../imgs/home_banner.jpg") no-repeat center;



  background-size: cover; }







.banner {



  min-height: 500px;



  padding-top: 90px;



  position: relative; }



  .banner.short {



    min-height: 350px; }



  .banner.banner-v2 {



    min-height: 400px;



    padding: 110px 0 60px; }



    .banner.banner-v2 .search-widget-form {



      width: 866px;



      margin: 55px auto 0; }



  .banner h5 {



    margin-bottom: 5px; }



  .banner h1 {



    margin-bottom: 20px; }



  .banner p {



    width: 370px;



    margin: 0 auto;



    color: #fff;



    line-height: 1.57143em;



    text-align: center; }



  .banner img[alt="banner-img"] {



    position: absolute;



    bottom: 68px;



    left: 50%;



    margin-left: -257px; }



  .banner .search-widget {



    bottom: -54px; }







#subscribe-banner-wrap {



  background: url("../imgs/subscribe_banner_bg.png") no-repeat center, linear-gradient(to right, #118ca7, #1cbdf9);



  background-size: cover; }







#subscribe-banner {



  min-height: 150px; }



  #subscribe-banner .subscribe-content {



    width: 918px;



    margin: 0 auto; }



    #subscribe-banner .subscribe-content .subscribe-header {



      float: left;



      width: 396px;



      margin-top: 36px; }



      #subscribe-banner .subscribe-content .subscribe-header figure {



        float: left;



        width: 80px;



        height: 80px;



        margin-right: 17px; }



      #subscribe-banner .subscribe-content .subscribe-header .subscribe-title {



        margin: 20px 0 6px;



        font-size: 1.5em;



        font-weight: 700; }



      #subscribe-banner .subscribe-content .subscribe-header p {



        color: #fff;



        font-size: 0.8125em;



        line-height: 1em; }



    #subscribe-banner .subscribe-content .subscribe-form {



      float: right;



      width: 474px;



      margin-top: 56px; }



      #subscribe-banner .subscribe-content .subscribe-form input[type="text"] {



        float: left;



        width: 334px;



        height: 43px;



        line-height: 43px;



        border-top-right-radius: 0;



        border-bottom-right-radius: 0; }



      #subscribe-banner .subscribe-content .subscribe-form .button {



        float: right;



        width: 140px;



        height: 43px;



        border-top-left-radius: 0;



        border-bottom-left-radius: 0;



        font-size: 0.875em;



        line-height: 43px; }







.ht-banner-wrap {



  background-color: #f5f5f5;



  overflow: hidden; }



  .ht-banner-wrap .ht-banner:nth-child(odd) {



    float: left;



    clear: both;



    padding-right: 70px; }



    .ht-banner-wrap .ht-banner:nth-child(odd) .ht-banner-content {



      float: right; }



  .ht-banner-wrap .ht-banner:nth-child(even) {



    float: right;



    padding-left: 70px; }



    .ht-banner-wrap .ht-banner:nth-child(even) .ht-banner-content {



      float: left; }



  .ht-banner-wrap .ht-banner:nth-child(3) {



    float: right;



    padding-right: 0;



    padding-left: 70px; }



    .ht-banner-wrap .ht-banner:nth-child(3) .ht-banner-content {



      float: left; }



  .ht-banner-wrap .ht-banner:nth-child(4) {



    float: left;



    padding-left: 0;



    padding-right: 70px; }



    .ht-banner-wrap .ht-banner:nth-child(4) .ht-banner-content {



      float: right; }







.ht-banner {



  width: 50%;



  min-height: 500px;



  padding-top: 120px;



  background-color: #f5f5f5;



  position: relative; }



  .ht-banner.violet {



    background-color: #5c4086; }



  .ht-banner.pink {



    background-color: #f8436e; }



  .ht-banner.blue {



    background-color: #077be6; }



  .ht-banner .ht-banner-img1 {



    width: 385px;



    height: 255px;



    position: absolute;



    top: 128px;



    right: 202px; }



  .ht-banner .ht-banner-img2 {



    width: 410px;



    height: 250px;



    position: absolute;



    top: 112px;



    left: 175px; }



  .ht-banner .ht-banner-img3 {



    width: 394px;



    height: 265px;



    position: absolute;



    top: 98px;



    right: 180px; }



  .ht-banner .ht-banner-content {



    width: 516px;



    overflow: hidden; }



    .ht-banner .ht-banner-content .text-header {



      font-size: 1.75em;



      margin-bottom: 26px; }



    .ht-banner .ht-banner-content .button {



      width: 242px;



      margin-top: 42px; }







/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  .banner {



    max-width: 100%;



    width: 100%;



    min-height: 544px; }



    .banner img[alt="banner-img"] {



      width: 280px;



      height: 83px;



      bottom: 170px;



      margin-left: -140px; }



    .banner .search-widget {



      width: 100%;



      height: 170px;



      padding: 28px 0 0;



      left: 0;



      margin-left: 0;



      bottom: 0;



      border-bottom-right-radius: 0;



      border-bottom-left-radius: 0; }



    .banner .search-widget-form {



      max-width: 1170px;



      width: 95%;



      margin: 0 auto; }



      .banner .search-widget-form input {



        float: none;



        width: 100%;



        margin-bottom: 14px;



        border-radius: 4px; }



      .banner .search-widget-form .select-block {



        display: none; }



      .banner .search-widget-form .button {



        float: none;



        width: 280px;



        margin: 0 auto; }



    .banner.banner-v2 .search-widget-form {



      width: 75%; }







  #subscribe-banner {



    min-height: 240px;



    overflow: hidden; }



    #subscribe-banner .subscribe-content {



      width: 100%; }



      #subscribe-banner .subscribe-content .subscribe-header {



        float: none;



        margin: 36px auto 0;



        overflow: hidden; }



      #subscribe-banner .subscribe-content .subscribe-form {



        float: none;



        margin: 30px auto 0; }







  .ht-banner-wrap .ht-banner:nth-child(4), .ht-banner-wrap .ht-banner:nth-child(odd) {



    float: none;



    padding-right: 0; }



    .ht-banner-wrap .ht-banner:nth-child(4) .ht-banner-content, .ht-banner-wrap .ht-banner:nth-child(odd) .ht-banner-content {



      float: none; }



  .ht-banner-wrap .ht-banner:nth-child(3), .ht-banner-wrap .ht-banner:nth-child(even) {



    float: none;



    padding-left: 0; }



    .ht-banner-wrap .ht-banner:nth-child(3) .ht-banner-content, .ht-banner-wrap .ht-banner:nth-child(even) .ht-banner-content {



      float: none; }







  .ht-banner {



    width: 100%; }



    .ht-banner .ht-banner-content {



      margin: 0 auto;



      text-align: center; }



      .ht-banner .ht-banner-content .button {



        margin: 42px auto 0; }



    .ht-banner .ht-banner-img1 {



      right: auto;



      left: 50%;



      margin-left: -192px; }



    .ht-banner .ht-banner-img2 {



      left: 50%;



      margin-left: -205px; }



    .ht-banner .ht-banner-img3 {



      right: auto;



      left: 50%;



      margin-left: -197px; } }



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



  #subscribe-banner {



    min-height: 280px; }



    #subscribe-banner .subscribe-content .subscribe-header {



      width: 100%;



      text-align: center; }



      #subscribe-banner .subscribe-content .subscribe-header figure {



        display: none; }



      #subscribe-banner .subscribe-content .subscribe-header .subscribe-title {



        font-size: 1.25em; }



    #subscribe-banner .subscribe-content .subscribe-form {



      width: 100%; }



      #subscribe-banner .subscribe-content .subscribe-form input[type="text"], #subscribe-banner .subscribe-content .subscribe-form .button {



        float: none;



        border-radius: 4px; }



      #subscribe-banner .subscribe-content .subscribe-form input[type="text"] {



        width: 90%;



        margin: 0 auto 20px; }



      #subscribe-banner .subscribe-content .subscribe-form .button {



        margin: 0 auto; }







  .ht-banner .ht-banner-content {



    width: 80%; } }



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



  .banner {



    padding-top: 55px; }



    .banner p {



      width: 90%; }



    .banner .search-widget-form {



      width: 90%; }



      .banner .search-widget-form .button {



        width: 100%; }



    .banner.banner-v2 {



      padding-top: 80px; }



      .banner.banner-v2 .search-widget-form {



        width: 90%; }







  .ht-banner {



    padding: 60px 0 90px; }



    .ht-banner .text-header {



      line-height: 1.3em; }



    .ht-banner.void {



      min-height: 240px; }



    .ht-banner .ht-banner-img1, .ht-banner .ht-banner-img2,



    .ht-banner .ht-banner-img3 {



      width: 260px;



      margin-left: -130px; }



    .ht-banner .ht-banner-img1 {



      top: 42px;



      height: 172px; }



    .ht-banner .ht-banner-img2 {



      top: 36px;



      height: 158px; }



    .ht-banner .ht-banner-img3 {



      top: 30px;



      height: 174px; } }



#services-wrap {



  background-color: #fff; }







#services {



  min-height: 500px;



  padding-top: 134px; }



  #services.services-v2 {



    min-height: 435px;



    padding: 60px 0 10px; }







.service-list .service-item {



  padding: 145px 5px 0;



  cursor: pointer;



  position: relative;

    border: 1px solid #2c2c34;

    padding: 25px;

    border-radius: 10px;

    background: #1a1a1f;

}



  .service-list .service-item .circle {



    position: absolute;



    top: 0;



    left: 50%;



    margin-left: -60px; }



    .service-list .service-item .circle span {



      color: #118ca7;



      font-size: 50px;



      position: absolute;



      top: 33px;



      left: 35px;



      transition: color .3s ease-in-out; }



      .service-list .service-item .circle span.icon-diamond {



        top: 37px; }



    .service-list .service-item .circle.medium {



      top: -10px;



      margin-left: -70px; }



  .service-list .service-item h3 {



    margin-bottom: 20px; }



  .service-list .service-item p {



    font-size: 0.8125em;



    line-height: 20px;



    text-align: center; }



  .service-list .service-item:hover .circle span {



    color: #fff; }



  .service-list .service-item:hover .circle.dark {



    -webkit-transform: scale(0.92);



    transform: scale(0.92); }



  .service-list .service-item:hover .circle.gradient {



    -webkit-transform: scale(1);



    transform: scale(1); }



.service-list.small .service-item {



  padding: 6px 10px 0 70px;



  margin-bottom: 70px;



  cursor: auto;



  position: relative; }



  .service-list.small .service-item .outer-ring {



    width: 50px;



    height: 50px;



    position: absolute;



    top: 0;



    left: 0; }



    .service-list.small .service-item .outer-ring .inner-ring {



      width: 42px;



      height: 42px;



      position: absolute;



      top: 4px;



      left: 4px;



      background-color: #fff; }



    .service-list.small .service-item .outer-ring span {



      color: #151c22;



      font-size: 20px;



      position: absolute;



      top: 14px;



      left: 15px;



      transition: color .3s ease-in-out; }



      .service-list.small .service-item .outer-ring span.icon-diamond {



        top: 17px; }



  .service-list.small .service-item h3 {



    font-size: 1.375em;



    text-align: left; }



  .service-list.small .service-item p {



    text-align: left; }







.circle {



  width: 120px;



  height: 120px;



  border-radius: 50%;



  transition: all .2s ease-in-out; }



  .circle.dark {



    background-color: #151c22; }



  .circle.gradient {



    background: -webkit-linear-gradient(to right, #10fac0, #1cbdf9);



    background: linear-gradient(to right, #10fac0, #1cbdf9);



    -webkit-transform: scale(0);



    transform: scale(0);



    border: none; }



  .circle.white-cover {



    background-color: #fff; }



  .circle.primary {



    background-color: #118ca7; }



    .circle.primary:hover {



      background-color: #0ae7c2; }



  .circle.secondary {



    background-color: #1cbdf9; }



    .circle.secondary:hover {



      background-color: #37c9ff; }



  .circle.medium {



    width: 140px;



    height: 140px; }



  .circle.tiny {



    width: 40px;



    height: 40px; }







/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  #services {



    padding-top: 60px; } }



.promo-banner {



  width: 50%;



  min-height: 360px;



  padding-top: 140px;



  background-size: cover;



  position: relative; }



  .promo-banner.secondary {



    background: #1cbdf9 url("../imgs/bellonline_promo.png"); }



  .promo-banner.dark {



    background: #242e30 url("../imgs/bellonline_promo.png"); }



  .promo-banner.left {



    float: left; }



  .promo-banner.right {



    float: right; }



  .promo-banner h5 {



    margin-bottom: 5px; }



  .promo-banner h1 {



    margin-bottom: 35px; }



  .promo-banner .button {



    margin: 0 auto; }



  .promo-banner .icon-wallet, .promo-banner .icon-tag {



    font-size: 58px;



    position: absolute;



    left: 50%;



    margin-left: -29px; }



  .promo-banner .icon-wallet {



    color: #118ca7;



    top: 53px; }



  .promo-banner .icon-tag {



    color: #fff;



    top: 57px; }







/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  .promo-banner {



    width: 100%; } }



#product-sideshow-wrap {



  background-color: #f5f5f5; }







#product-sideshow {



  padding: 60px 0 30px; }



  #product-sideshow .product-list:last-child {



    margin-bottom: 34px; }



  #product-sideshow > .button:last-child {



    margin: 34px auto 60px; }







.product-showcase {



  transition: opacity .5s ease-in-out; }



  .product-showcase.tabbed {



    overflow: hidden; }



  .product-showcase.hidden {



    visibility: hidden;



    opacity: 0;



    height: 0; }



  .product-showcase.visible {



    visibility: visible;



    opacity: 1; }







.product-list .product-item {



  border: 1px solid #ebebeb;



  background-color: #fff;



  position: relative; }



  .product-list .product-item.upload-new {



    height: 307px;



    cursor: pointer;



    border: 1px dashed #d0d0d0;



    background-color: #f5f5f5; }



    .product-list .product-item.upload-new .product-info {



      padding-top: 10px;



      text-align: center; }



      .product-list .product-item.upload-new .product-info .text-header {



        font-size: 1.125em;



        margin-bottom: 18px; }



      .product-list .product-item.upload-new .product-info .description {



        font-size: 0.75em; }



  .product-list .product-item .pin {



    position: absolute;



    z-index: 9990; }



  .product-list .product-item .product-preview-image {



    position: absolute; }



  .product-list .product-item .product-info {



    overflow: hidden;



    margin-bottom: 8px; }



  .product-list .product-item .text-header {



    display: inline-block;



    margin-bottom: 4px; }



  .product-list .product-item .product-description {



    font-size: 0.75em;



    line-height: 18px;



    margin-bottom: 10px; }



  .product-list .product-item .category {



    display: inline-block; }



  .product-list .product-item .user-rating {



    overflow: hidden; }



    .product-list .product-item .user-rating .user-avatar {



      float: left;



      margin-right: 4px; }



    .product-list .product-item .user-rating .text-header {



      float: left;



      margin-top: 6px; }



  .product-list .product-item .circle {



    position: relative; }



    .product-list .product-item .circle span {



      font-size: 18px;



      color: #fff;



      position: absolute;



      top: 12px; }



      .product-list .product-item .circle span.icon-tag {



        left: 9px; }



      .product-list .product-item .circle span.icon-heart {



        font-size: 17px;



        left: 11px; }



.product-list.list {



  width: 870px;



  margin: 0 auto; }



  .product-list.list.full {



    width: 1170px; }



  .product-list.list .product-item {



    height: 94px;



    padding: 10px 0 0 93px;



    margin-bottom: 14px; }



    .product-list.list .product-item .pin {



      top: 16px;



      left: -6px; }



    .product-list.list .product-item .product-preview-image {



      top: 12px;



      left: 12px; }



    .product-list.list .product-item .product-info, .product-list.list .product-item .author-data,



    .product-list.list .product-item .item-metadata, .product-list.list .product-item .author-data-reputation,



    .product-list.list .product-item .item-actions, .product-list.list .product-item .price-info {



      float: left;



      height: 70px;



      border-right: 1px solid #ebebeb; }



    .product-list.list .product-item .product-info {



      float: left;



      width: 276px; }



      .product-list.list .product-item .product-info .text-header {



        margin-top: 8px; }



      .product-list.list .product-item .product-info .product-description {



        margin-bottom: 0; }



    .product-list.list .product-item .author-data {



      padding: 7px 28px 0 24px; }



      .product-list.list .product-item .author-data .user-rating {



        margin-bottom: 8px; }



      .product-list.list .product-item .author-data .metadata {



        width: 165px;



        margin-left: 3px; }



    .product-list.list .product-item .item-metadata {



      width: 300px;



      padding: 6px 0 0 24px; }



      .product-list.list .product-item .item-metadata .text-header {



        margin-bottom: 0; }



        .product-list.list .product-item .item-metadata .text-header span {



          color: #888;



          font-weight: 600; }



          .product-list.list .product-item .item-metadata .text-header span a {



            color: #06b99b; }



    .product-list.list .product-item .author-data-reputation {



      width: 108px;



      padding-top: 13px; }



      .product-list.list .product-item .author-data-reputation .text-header {



        display: block;



        text-align: center;



        margin-bottom: 15px; }



      .product-list.list .product-item .author-data-reputation .rating {



        width: 75px;



        margin: 0 auto; }



    .product-list.list .product-item .item-actions {



      padding: 15px 18px 0; }



      .product-list.list .product-item .item-actions .circle {



        background-color: #e7e7e7; }



        .product-list.list .product-item .item-actions .circle:hover {



          background-color: #1cbdf9; }



    .product-list.list .product-item .price-info {



      width: 84px;



      border-right: none;



      padding-top: 22px; }



      .product-list.list .product-item .price-info .price {

        text-align: center; }



.product-list.grid .product-item {



  padding: 175px 13px 12px;



  margin-bottom: 26px; }



  .product-list.grid .product-item .pin {



    top: 146px;



    left: -7px; }



  .product-list.grid .product-item .product-preview-actions {



    position: absolute;



    top: 5px;



    left: 5px;



    width: 258px;



    height: 150px; }



    .product-list.grid .product-item .product-preview-actions:hover .preview-actions {



      opacity: 1;



      visibility: visible; }



    .product-list.grid .product-item .product-preview-actions:hover .preview-action .circle {



      -webkit-transform: scale(1);



      transform: scale(1); }



    .product-list.grid .product-item .product-preview-actions:hover .preview-action p {



      opacity: 1; }



  .product-list.grid .product-item .preview-actions {



    width: 100%;



    height: 100%;



    background-color: rgba(25, 31, 32, 0.85);



    opacity: 0;



    visibility: hidden;



    position: absolute;



    top: 0;



    left: 0;



    transition: all .15s ease-in-out; }



    .product-list.grid .product-item .preview-actions .preview-action {



      padding-top: 50px;



      position: absolute;



      top: 44px;



      left: 47px; }



      .product-list.grid .product-item .preview-actions .preview-action:nth-child(2) {



        left: 143px; }



        .product-list.grid .product-item .preview-actions .preview-action:nth-child(2) .circle {



          -webkit-transition-delay: 0.25s;



          transition-delay: 0.25s; }



        .product-list.grid .product-item .preview-actions .preview-action:nth-child(2) p {



          -webkit-transition-delay: 0.25s;



          transition-delay: 0.25s; }



      .product-list.grid .product-item .preview-actions .preview-action .circle {



        position: absolute;



        top: 0;



        left: 50%;



        margin-left: -20px;



        -webkit-transform: scale(0);



        transform: scale(0);



        -webkit-transition-delay: 0.15s;



        transition-delay: 0.15s;



        transition: transform .2s ease-in; }



      .product-list.grid .product-item .preview-actions .preview-action p {



        color: #fff;



        font-size: 0.8125em;



        line-height: 1em;



        text-align: center;



        opacity: 0;



        transition: all .2s ease-in;



        -webkit-transition-delay: 0.15s;



        transition-delay: 0.15s; }



  .product-list.grid .product-item .price {



    float: right; }



  .product-list.grid .product-item .line-separator {



    margin-bottom: 12px; }



  .product-list.grid .product-item .user-rating .rating {



    float: right;



    margin-top: 3px; }



.product-list.grid.v2 .product-item {



  padding-top: 168px;



  padding-bottom: 14px; }



  .product-list.grid.v2 .product-item .text-header {



    display: block;



    text-align: center; }



  .product-list.grid.v2 .product-item .product-info .text-header {



    margin-bottom: 10px; }



  .product-list.grid.v2 .product-item .product-info .line-separator {



    margin-bottom: 8px; }



  .product-list.grid.v2 .product-item .product-info .category {



    display: block;



    text-align: center; }



  .product-list.grid.v2 .product-item .product-info .price {



    position: absolute;



    top: 240px;



    right: 16px; }



  .product-list.grid.v2 .product-item .line-separator {



    margin-bottom: 14px; }



.product-list.grid.v3 .product-item {



  padding-top: 168px;



  padding-bottom: 14px; }



  .product-list.grid.v3 .product-item .product-info .category {



    position: absolute;



    bottom: 14px;



    left: 43px; }



  .product-list.grid.v3 .product-item .product-info .price {



    position: absolute;



    top: 214px;



    right: 16px; }



  .product-list.grid.v3 .product-item .user-rating .text-header {



    margin-top: 0; }



  .product-list.grid.v3 .product-item .line-separator {



    margin-bottom: 14px; }



.product-list.grid.v4 .product-item {



  padding-top: 234px; }



  .product-list.grid.v4 .product-item .pin {



    top: 204px; }



  .product-list.grid.v4 .product-item .product-preview-actions {



    width: 358px;



    height: 208px; }



  .product-list.grid.v4 .product-item .preview-actions .preview-action {



    top: 74px;



    left: 80px; }



    .product-list.grid.v4 .product-item .preview-actions .preview-action:nth-child(2) {



      left: 210px; }



  .product-list.grid.v4 .product-item .product-info {



    margin-bottom: 22px; }



    .product-list.grid.v4 .product-item .product-info .text-header {



      float: left;



      font-size: 1.125em;



      margin-bottom: 6px; }



    .product-list.grid.v4 .product-item .product-info .category {



      float: left;



      clear: left; }



    .product-list.grid.v4 .product-item .product-info .price {



      position: absolute;



      top: 230px;



      right: 12px; }







.category-nav-wrap {



  background-color: #fff;



  border-top: 1px solid #ebebeb;



  border-bottom: 1px solid #ebebeb; }







.category-nav {



  height: 60px;



  position: relative; }



  .category-nav.primary .slide-control {



    background-color: #118ca7; }



  .category-nav.primary .category-tab.active:after {



    background-color: #118ca7; }



  .category-nav .slide-control-wrap {



    width: 100%;



    top: 15px;



    z-index: 0; }



  .category-nav .category-tabs {



    width: 570px;



    height: 100%;



    margin: 0 auto;



    overflow: hidden;



    position: relative;



    z-index: 1; }



  .category-nav .category-tab {



    float: left;



    width: 190px;



    height: 100%;



    cursor: pointer;



    position: relative; }



    .category-nav .category-tab.active p {



      color: #151c22; }



    .category-nav .category-tab.active:after {



      content: '';



      display: block;



      width: 60px;



      height: 3px;



      background-color: #151c22;



      position: absolute;



      bottom: 0;



      left: 50%;



      margin-left: -30px; }



    .category-nav .category-tab:after {



      display: none; }



    .category-nav .category-tab p {



      color: #abaeae;



      font-size: 1.125em;



      font-weight: 700;



      line-height: 1em;



      text-align: center;



      line-height: 65px; }



    .category-nav .category-tab:last-child {



      margin-right: 0; }







/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  .product-list.list.full {



    width: 870px; }



    .product-list.list.full .item-metadata {



      display: none; } }



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



  .product-list.list {



    width: 590px; }



    .product-list.list.full {



      width: 590px; }



    .product-list.list .product-item {



      float: left;



      width: 280px;



      height: 220px;



      margin-right: 30px;



      margin-bottom: 26px;



      padding-right: 10px; }



      .product-list.list .product-item:nth-child(2n+2) {



        margin-right: 0; }



      .product-list.list .product-item .author-data, .product-list.list .product-item .author-data-reputation,



      .product-list.list .product-item .item-actions, .product-list.list .product-item .price-info {



        float: none;



        width: auto;



        height: auto;



        padding: 0;



        border-right: none;



        position: absolute; }



      .product-list.list .product-item .product-info {



        width: auto;



        border-right: none; }



        .product-list.list .product-item .product-info .text-header {



          font-size: 0.875em; }



        .product-list.list .product-item .product-info .product-description {



          display: none; }



      .product-list.list .product-item .author-data {



        width: 256px;



        height: 42px;



        border-bottom: 1px solid #ebebeb;



        top: 98px;



        left: 12px; }



      .product-list.list .product-item .author-data-reputation {



        top: 188px;



        right: 42px; }



        .product-list.list .product-item .author-data-reputation .text-header {



          float: left;



          margin-right: 10px; }



        .product-list.list .product-item .author-data-reputation .rating {



          float: left;



          position: relative;



          top: -3px; }



      .product-list.list .product-item .item-actions {



        top: 160px;



        left: 26px; }



      .product-list.list .product-item .metadata {



        position: absolute;



        top: 60px;



        left: 78px; }



      .product-list.list .product-item .price-info {



        top: 100px;



        right: 12px; } }



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



  .product-list.list {



    width: 280px; }



    .product-list.list.full {



      width: 280px; }



    .product-list.list .product-item {



      margin-right: 0; } }



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



  .category-nav .category-tabs {



    width: 390px; }



    .category-nav .category-tabs .category-tab {



      width: 130px; }



      .category-nav .category-tabs .category-tab p {



        font-size: 1em; }



  .category-nav .slide-control-wrap {



    display: none; } }



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



  #product-sideshow .headline {



    margin-bottom: 65px; }



  #product-sideshow .slide-control-wrap {



    top: auto;



    right: auto;



    bottom: -50px;



    left: 50%;



    margin-left: -33px; }







  .category-nav .category-tabs {



    width: 285px; }



    .category-nav .category-tabs .category-tab {



      width: 95px; }



      .category-nav .category-tabs .category-tab p {



        font-size: 0.875em; }







  .product-list.grid.v4 {



    width: 270px; }



    .product-list.grid.v4 .product-item {



      width: 270px;



      padding-top: 168px; }



      .product-list.grid.v4 .product-item .pin {



        top: 146px; }



      .product-list.grid.v4 .product-item .product-preview-actions {



        width: 258px;



        height: 150px; }



      .product-list.grid.v4 .product-item .product-preview-image.big {



        width: 258px;



        height: 150px; }



      .product-list.grid.v4 .product-item .preview-actions .preview-action {



        top: 44px;



        left: 47px; }



        .product-list.grid.v4 .product-item .preview-actions .preview-action:nth-child(2) {



          left: 143px; }



      .product-list.grid.v4 .product-item .product-info {



        margin-bottom: 12px; }



        .product-list.grid.v4 .product-item .product-info .text-header {



          font-size: 1em;



          margin-bottom: 20px; }



        .product-list.grid.v4 .product-item .product-info .price {



          font-size: 1.625em;



          top: 194px; } }



.section-wrap {



  background-color: #f5f5f5; }







.section {



  padding: 60px 0 90px;



  overflow: hidden; }



  .section.overflowable {



    overflow: visible; }



  .section .sidebar {



    float: left; }



    .section .sidebar.author-profile {



      position: relative;



      top: -242px; }



  .section .content {



    float: right;



    width: 870px; }



    .section .content.full {



      width: 100%;



      float: none; }



      .section .content.full .pager {



        float: none;



        margin-right: auto;



        margin-left: auto; }



    .section .content.left {



      float: left; }



    .section .content .pager {



      float: right;



      margin-top: 34px; }



  .section .pager {



    width: 174px;



    margin: 34px auto 0; }



  .section > .product-showcase {



    margin-bottom: 34px; }



    .section > .product-showcase:last-child {



      margin-bottom: 0; }







.sidebar {



  width: 270px; }



  .sidebar.right {



    float: right; }



  .sidebar > * {



    margin-bottom: 26px; }



    .sidebar > *:last-child {



      margin-bottom: 0; }



  .sidebar .dropdown {



    width: 100%;



    position: static; }



    .sidebar .dropdown .dropdown-item:hover {



      background-color: #fff; }







.sidebar-item {



  padding: 20px 13px 32px;



  background-color: #fff;



  border: 1px solid #ebebeb; }



  .sidebar-item input, .sidebar-item .select-block {



    margin-bottom: 14px; }



  .sidebar-item .search-form input {



    margin-bottom: 0; }



  .sidebar-item.void {



    padding: 0;



    background-color: transparent;



    border: none; }



  .sidebar-item.newsletter p {



    font-size: 0.8125em;



    line-height: 20px; }



  .sidebar-item.newsletter p {



    margin-bottom: 14px; }



  .sidebar-item.author-badges {



    padding-bottom: 14px; }



  .sidebar-item .badge-list {



    margin: 20px 0 25px; }



  .sidebar-item.buttons {



    padding-top: 16px; }



    .sidebar-item.buttons .button {



      margin-bottom: 14px; }



      .sidebar-item.buttons .button:last-child {



        margin-bottom: 0; }



    .sidebar-item.buttons #bid-form {



      margin-bottom: 14px;



      overflow: hidden; }



      .sidebar-item.buttons #bid-form input {



        float: left;



        width: 136px; }



      .sidebar-item.buttons #bid-form button {



        float: right;



        width: 120px;



        height: 40px;



        line-height: 40px; }



  .sidebar-item.author-bio .user-avatar-wrap {



    margin-bottom: 10px; }



  .sidebar-item.author-bio .text-header, .sidebar-item.author-bio .text-oneline {



    text-align: center;



    margin-bottom: 10px; }



  .sidebar-item.author-bio.v2 .share-links {



    width: 156px; }



  .sidebar-item.author-bio .share-links {



    width: 114px;



    margin: 16px auto 30px; }



    .sidebar-item.author-bio .share-links.short {



      width: 72px; }



  .sidebar-item.author-bio.short .user-avatar-wrap {



    float: left;



    margin-bottom: 0;



    margin-right: 10px; }



  .sidebar-item.author-bio.short .text-header, .sidebar-item.author-bio.short .text-oneline {



    text-align: left; }



  .sidebar-item.author-bio.short .text-header {



    position: relative;



    top: 5px;



    margin-bottom: 14px; }



  .sidebar-item.author-bio.short .share-links {



    float: left;



    margin-top: 10px;



    margin-bottom: 20px; }



  .sidebar-item.author-bio.short.author-badges-v1 .text-oneline {



    margin-bottom: 28px; }



  .sidebar-item.author-bio.short.author-badges-v1 .share-links {



    margin-bottom: 30px; }



  .sidebar-item.author-bio.author-badges-v2 .share-links {



    margin-bottom: 22px; }



  .sidebar-item.author-bio.author-badges-v2 .badge-list .badge-list-item:last-child {



    margin-bottom: 30px; }



  .sidebar-item.product-info .line-separator {



    margin-bottom: 5px; }



  .sidebar-item.author-items {



    padding: 20px 0 0; }



    .sidebar-item.author-items h4 {



      margin-left: 13px;



      margin-bottom: 16px; }



    .sidebar-item.author-items .column4-wrap .column {



      width: 100%; }



    .sidebar-item.author-items .product-item {



      border: none;



      border-top: 1px solid #ebebeb;



      margin-bottom: 0; }



  .sidebar-item.author-items-v2 .item-preview {



    margin-bottom: 22px; }



    .sidebar-item.author-items-v2 .item-preview:last-child {



      margin-bottom: 0; }



  .sidebar-item.author-reputation .percent {



    font-size: 2.25em; }



    .sidebar-item.author-reputation .percent span {



      font-size: 0.66667em; }



  .sidebar-item.author-reputation .percent-info {



    font-size: 0.8125em; }



  .sidebar-item.author-reputation .rating {



    width: 75px; }



  .sidebar-item.author-reputation.full .pie-chart {



    width: 176px;



    height: 176px;



    margin: 0 auto 20px;



    padding-top: 54px; }



  .sidebar-item.author-reputation.full .text-header {



    text-align: center; }



  .sidebar-item.author-reputation.full .percent-info {



    margin-bottom: 4px; }



  .sidebar-item.author-reputation.full .rating {



    margin: 0 auto; }



  .sidebar-item.author-reputation.short h4 {



    font-size: 1.375em; }



  .sidebar-item.author-reputation.short .pie-chart {



    float: left;



    width: 44px;



    height: 44px;



    margin-right: 14px;



    margin-bottom: 22px;



    position: relative; }



    .sidebar-item.author-reputation.short .pie-chart .icon-like, .sidebar-item.author-reputation.short .pie-chart .icon-dislike, .sidebar-item.author-reputation.short .pie-chart .icon-star {



      position: absolute;



      left: 50%;



      margin-left: -8px; }



    .sidebar-item.author-reputation.short .pie-chart .icon-like {



      top: 14px;



      color: #118ca7; }



    .sidebar-item.author-reputation.short .pie-chart .icon-dislike {



      top: 15px;



      color: #f92552; }



    .sidebar-item.author-reputation.short .pie-chart .icon-star {



      top: 13px;



      color: #ffc000; }



  .sidebar-item.author-reputation.short .percent, .sidebar-item.author-reputation.short .percent-meta {



    float: left; }



  .sidebar-item.author-reputation.short .percent {



    margin-right: 8px;



    line-height: 40px; }



  .sidebar-item.author-reputation.short .percent-meta {



    margin-top: 8px; }



    .sidebar-item.author-reputation.short .percent-meta .rating {



      margin-left: 1px; }



  .sidebar-item h4 {



    margin-bottom: 22px; }



  .sidebar-item .line-separator {



    margin-bottom: 22px; }



    .sidebar-item .line-separator.spaced {



      margin-bottom: 30px; }



  .sidebar-item .linked-check {



    padding-left: 4px; }



    .sidebar-item .linked-check[for="extended-license"] {



      margin-bottom: 22px; }



  .sidebar-item .license-text {



    color: #b2b2b2;



    font-size: 0.8125em;



    line-height: 20px;



    padding-left: 34px;



    margin-bottom: 14px;



    display: none; }



    .sidebar-item .license-text[data-license="extended-license"] {



      margin-bottom: 22px;



      margin-top: -10px; }



  .sidebar-item label:last-child {



    margin-bottom: 0; }



  .sidebar-item .button {



    width: 100%; }



    .sidebar-item .button.spaced {



      margin-bottom: 14px; }



    .sidebar-item .button.half {



      width: 114px; }



    .sidebar-item .button.third {



      width: 74px; }



    .sidebar-item .button.wicon {



      padding-left: 28px;



      text-align: left; }



      .sidebar-item .button.wicon .icon-heart {



        font-size: 18px;



        margin-right: 8px;


        position: relative;



        top: 3px; }



  .sidebar-item #aux_form {



    margin-bottom: 26px; }



  .sidebar-item .price.large {



    margin-bottom: 8px;



    text-align: center; }



  .sidebar-item.range-feature .button {



    margin-top: 50px; }







.view-selectors {



  overflow: hidden; }







.view-selector {



  float: left;



  width: 30px;



  height: 30px;



  margin-right: 6px;



  border-radius: 2px;



  background-color: #d1d1d1;



  cursor: pointer;



  background-position: center;



  background-repeat: no-repeat; }



  .view-selector:last-child {



    margin-right: 0; }



  .view-selector.active {



    background-color: #535d5f; }



  .view-selector.grid {



    background-image: url("../imgs/grid-selector-icon.png"); }



  .view-selector.list {



    background-image: url("../imgs/list-selector-icon.png"); }







.pager {



  overflow: hidden; }



  .pager .pager-item {



    float: left;



    width: 30px;



    height: 30px;



    margin-right: 6px;



    border-radius: 2px;



    background-color: #535d5f;



    cursor: pointer; }



    .pager .pager-item:hover {



      background-color: #647072; }



    .pager .pager-item p {



      color: #fff;



      font-size: 0.75em;



      font-weight: 700;



      line-height: 30px;



      text-align: center; }



    .pager .pager-item:last-child {



      margin-right: 0; }



  .pager.primary .pager-item.active {



    background-color: #118ca7; }



  .pager.secondary .pager-item.active {



    background-color: #1396e1; }



  .pager.tertiary .pager-item.active {



    background-color: #e61852; }







/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  .section .content, .section .sidebar {



    float: none;



    width: 100%; }



    .section .content.left, .section .content.right, .section .sidebar.left, .section .sidebar.right {



      float: none; }



  .section .sidebar {



    margin-bottom: 40px; }



    .section .sidebar .sidebar-item.author-items .column4-wrap .column {



      width: 270px; }



    .section .sidebar .sidebar-item.author-items .product-item {



      border: 1px solid #ebebeb;



      margin-bottom: 20px; }



    .section .sidebar .sidebar-item.buttons {



      width: 270px;



      margin-left: auto;



      margin-right: auto; }



  .section .content .pager {



    float: none;



    margin: 34px auto 60px; }







  .dashboard-content .headline.purchases .search-form {



    width: 250px; }



  .dashboard-content .headline.statement {



    height: 220px;



    text-align: center; }



    .dashboard-content .headline.statement:before {



      height: 220px; }



    .dashboard-content .headline.statement h4 {



      float: none;



      text-align: center; }



    .dashboard-content .headline.statement form, .dashboard-content .headline.statement .button {



      float: none; }



    .dashboard-content .headline.statement form {



      display: inline-block; }



      .dashboard-content .headline.statement form label:last-child {



        margin-right: 0; }



    .dashboard-content .headline.statement .button {



      margin: 17px auto 0; }



      .dashboard-content .headline.statement .button:nth-child(2) {



        margin-top: 0; } }



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



  .section .content .headline, .dashboard-content .headline {



    height: 175px;



    padding: 0; }



    .section .content .headline:before, .dashboard-content .headline:before {



      height: 175px; }



    .section .content .headline.filter, .dashboard-content .headline.filter {



      height: 130px; }



      .section .content .headline.filter:before, .dashboard-content .headline.filter:before {



        height: 130px; }



      .section .content .headline.filter form, .dashboard-content .headline.filter form {



        width: 200px;



        margin-top: 0; }



    .section .content .headline.purchases form, .dashboard-content .headline.purchases form {



      margin-top: 0; }



    .section .content .headline.purchases .select-block:nth-child(2), .dashboard-content .headline.purchases .select-block:nth-child(2) {



      margin-right: 0; }



    .section .content .headline.purchases .search-form, .dashboard-content .headline.purchases .search-form {



      margin-left: 60px; }



    .section .content .headline.statement, .dashboard-content .headline.statement {



      height: 260px; }



      .section .content .headline.statement:before, .dashboard-content .headline.statement:before {



        height: 260px; }



      .section .content .headline.statement form .datepicker-wrap:first-child, .dashboard-content .headline.statement form .datepicker-wrap:first-child {



        margin-left: 42px; }



      .section .content .headline.statement form .select-block, .dashboard-content .headline.statement form .select-block {



        float: none;



        margin-top: 12px; }



    .section .content .headline h4, .dashboard-content .headline h4 {



      float: none;



      text-align: center; }



    .section .content .headline form, .dashboard-content .headline form {



      float: none;



      width: 410px;



      margin: 20px auto 0; }



    .section .content .headline .select-block:last-child, .dashboard-content .headline .select-block:last-child {



      margin-right: 0; }



    .section .content .headline .view-selectors, .dashboard-content .headline .view-selectors {



      float: none;



      width: 66px;



      margin: 0 auto; }



    .section .content .headline.simple, .dashboard-content .headline.simple {



      height: 66px; }



      .section .content .headline.simple:before, .dashboard-content .headline.simple:before {



        height: 66px; }



    .section .content .headline.buttons, .dashboard-content .headline.buttons {



      height: 120px; }



      .section .content .headline.buttons.two, .dashboard-content .headline.buttons.two {



        height: 175px; }



        .section .content .headline.buttons.two:before, .dashboard-content .headline.buttons.two:before {



          height: 175px; }



        .section .content .headline.buttons.two .button + .button, .dashboard-content .headline.buttons.two .button + .button {



          margin-top: 14px; }



      .section .content .headline.buttons:before, .dashboard-content .headline.buttons:before {



        height: 120px; }



      .section .content .headline.buttons .button, .dashboard-content .headline.buttons .button {



        float: none;



        margin: 0 auto; } }



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



  .section .content .headline, .dashboard-content .headline {



    height: 220px; }



    .section .content .headline:before, .dashboard-content .headline:before {



      height: 220px; }



    .section .content .headline form, .dashboard-content .headline form {



      width: 200px; }



    .section .content .headline .select-block, .dashboard-content .headline .select-block {



      float: none;



      margin-right: 0; }



    .section .content .headline.purchases .search-form, .dashboard-content .headline.purchases .search-form {



      width: 198px;



      margin-left: 0;



      margin-right: 0; }



    .section .content .headline.statement, .dashboard-content .headline.statement {



      height: 340px; }



      .section .content .headline.statement:before, .dashboard-content .headline.statement:before {



        height: 340px; }



      .section .content .headline.statement form, .dashboard-content .headline.statement form {



        width: 220px; }



        .section .content .headline.statement form label:nth-child(2), .dashboard-content .headline.statement form label:nth-child(2) {



          float: none;



          clear: both;



          margin: 12px 0;



          line-height: 1em; }



        .section .content .headline.statement form .datepicker-wrap, .dashboard-content .headline.statement form .datepicker-wrap {



          margin-left: 36px; }



          .section .content .headline.statement form .datepicker-wrap:first-child, .dashboard-content .headline.statement form .datepicker-wrap:first-child {



            margin: 0 0 12px 36px; } }



/*-----------------------



  	BLOG POST PREVIEW



-----------------------*/



.blog-post-preview {



  overflow: hidden; }



  .blog-post-preview .blog-post-preview-item {



    border: 1px solid #ebebeb;



    background-color: #fff;



    margin-bottom: 26px; }



    .blog-post-preview .blog-post-preview-item .blog-post-preview-item-info {



      overflow: hidden; }



    .blog-post-preview .blog-post-preview-item .text-header {



      margin-bottom: 12px; }



  .blog-post-preview.v1 .blog-post-preview-item {



    padding: 5px 5px 20px; }



    .blog-post-preview.v1 .blog-post-preview-item .blog-post-preview-item-info {



      padding: 16px 8px 0; }



    .blog-post-preview.v1 .blog-post-preview-item .text-header {



      line-height: 28px;



      margin: 6px 0 24px; }



    .blog-post-preview.v1 .blog-post-preview-item .meta-line {



      margin-bottom: 14px; }



      .blog-post-preview.v1 .blog-post-preview-item .meta-line p {



        line-height: 27px; }



    .blog-post-preview.v1 .blog-post-preview-item .description-preview {



      font-size: 0.8125em;



      line-height: 20px;



      margin: 18px 0 24px; }



    .blog-post-preview.v1 .blog-post-preview-item .metadata {



      float: left; }



    .blog-post-preview.v1 .blog-post-preview-item .more-button {



      float: right;



      margin-top: 5px; }



      .blog-post-preview.v1 .blog-post-preview-item .more-button.primary {



        color: #06b99b;



        font-size: 0.75em;



        font-weight: 700; }



  .blog-post-preview.v2 .blog-post-preview-item {



    padding: 15px 15px 36px; }



    .blog-post-preview.v2 .blog-post-preview-item .blog-post-preview-item-info {



      padding: 20px 16px 0; }



    .blog-post-preview.v2 .blog-post-preview-item .text-header {



      line-height: 40px;



      margin-bottom: 16px; }



    .blog-post-preview.v2 .blog-post-preview-item .meta-line {



      margin-bottom: 26px; }



    .blog-post-preview.v2 .blog-post-preview-item .description-preview {



      margin-bottom: 28px; }







/*--------------



  	META LINE



--------------*/



.meta-line {



  border-top: 1px solid #ebebeb;



  border-bottom: 1px solid #ebebeb;



  overflow: hidden; }



  .meta-line p {



    font-size: 0.75em;



    line-height: 39px; }



  .meta-line .metadata {



    float: left;



    margin-left: 24px; }



  .meta-line > *:first-child {



    float: left; }



  .meta-line > *:last-child {



    float: right; }







/*--------------



  	TAG LIST



--------------*/



.tag-list {



  overflow: hidden; }



  .tag-list .tag-list-item {



    display: block;



    float: left;



    margin: 0 6px 6px 0;



    padding: 6px 10px;



    border: 1px solid #ebebeb;



    border-radius: 4px;



    color: #888;



    font-size: 0.75em;



    font-weight: 600;



    background-color: #fff;



    transition: all .15s ease-in; }



    .tag-list .tag-list-item:last-child {



      margin-right: 0; }



  .tag-list.primary .tag-list-item:hover {



    color: #fff;



    background-color: #118ca7;



    border-color: #118ca7; }







/*--------------



  	METADATA



--------------*/



.metadata {



  overflow: hidden; }



  .metadata .meta-item {



    float: left;



    margin-right: 20px; }



    .metadata .meta-item:last-child {



      margin-right: 0; }



    .metadata .meta-item span {



      color: #b2b2b2;



      position: relative;



      top: 3px; }



    .metadata .meta-item p {



      display: inline-block;



      margin-left: 5px;



      color: #b2b2b2;



      font-size: 0.6875em; }







/*-----------



  	POST



-----------*/



.post {



  padding: 15px 15px 25px;



  border: 1px solid #ebebeb;



  background-color: #fff;



  margin-bottom: 26px; }



  .post .post-image {



    width: 838px;



    height: 486px;



    border: 1px solid #ebebeb;



    margin: 0 auto;



    position: relative; }



    .post .post-image:hover .image-overlay {



      opacity: 1;



      visibility: visible; }



      .post .post-image:hover .image-overlay .clickable-icon {



        -webkit-transform: scale(1);



        transform: scale(1); }



    .post .post-image .slide-control-wrap {



      width: 806px;



      position: absolute;



      top: 226px;



      left: 16px;



      z-index: 9000; }



    .post .post-image .button {



      position: absolute;



      top: 28px;



      right: 20px; }



  .post .post-image-slides {



    width: 806px;



    margin: 30px auto;



    position: relative; }



    .post .post-image-slides .slide-control-wrap {



      width: 100%;



      top: 26px;



      left: 0; }



    .post .post-image-slides .image-slides-wrap {



      width: 610px;



      height: 80px;



      margin: 0 auto;



      overflow: hidden;



      position: relative; }



      .post .post-image-slides .image-slides-wrap.full {



        width: 822px; }



    .post .post-image-slides .image-slides {



      position: absolute;



      top: 0;



      left: 0;



      transition: all .3s ease-in-out; }



      .post .post-image-slides .image-slides .image-slide {



        width: 80px;



        height: 80px;



        border: 1px solid #ebebeb;



        cursor: pointer;



        position: absolute;



        top: 0; }



        .post .post-image-slides .image-slides .image-slide .overlay {



          width: 100%;



          height: 100%;



          border: 8px solid #151c22;



          position: absolute;



          top: 0;



          left: 0;



          opacity: 0;



          visibility: hidden;



          transition: all .2s ease-in; }



        .post .post-image-slides .image-slides .image-slide.selected .overlay {



          opacity: 1;



          visibility: visible; }



  .post .post-content {



    padding: 50px 16px 66px;



    overflow: hidden; }



    .post .post-content.with-title {



      padding-top: 26px; }



    .post .post-content > *:first-child {



      margin-top: 0; }



    .post .post-content .video {



      width: 100%;



      height: 346px;



      margin-top: 32px; }



    .post .post-content .post-banner {



      width: 806px;



      height: 127px;



      margin-top: 50px; }



    .post .post-content .meta-line {



      margin: 20px 0 28px; }



      .post .post-content .meta-line + .post-paragraph {



        margin-top: 0; }



  .post .post-paragraph {



    margin-top: 48px; }



    .post .post-paragraph.half {



      float: left;



      width: 50%; }



    .post .post-paragraph .post-title {



      font-size: 1.75em;



      text-align: left;



      margin-bottom: 28px; }



      .post .post-paragraph .post-title.small {



        font-size: 1.375em; }



    .post .post-paragraph > p {



      margin-bottom: 30px; }



    .post .post-paragraph .post-item-list {



      overflow: hidden; }



      .post .post-paragraph .post-item-list li {



        margin-bottom: 16px;



        padding-left: 26px;



        position: relative; }



        .post .post-paragraph .post-item-list li .bullet-icon {



          color: #151c22;



          font-weight: 700;



          position: absolute;



          left: 2px; }



          .post .post-paragraph .post-item-list li .bullet-icon.svg-check {



            top: 2px;



            left: 0; }



        .post .post-paragraph .post-item-list li p {



          line-height: 1em; }



        .post .post-paragraph .post-item-list li:last-child {



          margin-bottom: 0; }



    .post .post-paragraph > *:last-child {



      margin-bottom: 0; }







/*--------------



  	POST TAB



--------------*/



.post-tab {



  position: relative; }



  .post-tab .tab-header {



    border: 1px solid #ebebeb;



    background-color: #fff;



    overflow: hidden; }



    .post-tab .tab-header.primary .tab-item.selected > p {



      border-top-color: #118ca7; }



    .post-tab .tab-header.secondary .tab-item.selected > p {



      border-top-color: #1396e1; }



    .post-tab .tab-header.tertiary .tab-item.selected > p {



      border-top-color: #e61852; }



    .post-tab .tab-header .tab-item {



      float: left;



      width: 289px;



      height: 60px;



      border-right: 1px solid #ebebeb;



      cursor: pointer; }



      .post-tab .tab-header .tab-item:last-child {



        border-right: none; }



      .post-tab .tab-header .tab-item.selected > p {



        color: #151c22;



        border-top: 6px solid #151c22;



        line-height: 52px; }



      .post-tab .tab-header .tab-item > p {



        color: #b2b2b2;



        line-height: 60px;



        text-align: center; }



  .post-tab .tab-content {



    width: 100%;



    border: 1px solid #ebebeb;



    border-top: none;



    background-color: #fff;



    display: none;



    overflow: hidden; }



    .post-tab .tab-content.void {



      border: none;



      background-color: transparent; }



    .post-tab .tab-content.open {



      display: block; }



    .post-tab .tab-content .comment-list {



      border-top: none; }







/*------------------



  	BLOG AUTHOR



------------------*/



.blog-author {



  background-color: #fff;



  border: 1px solid #ebebeb;



  padding: 45px 32px 50px 118px;



  margin-bottom: 25px;



  position: relative; }



  .blog-author .user-avatar {



    position: absolute;



    top: 37px;



    left: 32px; }



  .blog-author .text-header {



    margin-bottom: 4px; }



  .blog-author .timestamp {



    margin-bottom: 10px; }



  .blog-author .share-links {



    position: absolute;



    top: 35px;



    right: 32px; }







/*--------------------



  	BLOG COMMENTS



--------------------*/



.blog-comments {



  background-color: #fff;



  border: 1px solid #ebebeb;



  padding: 20px 24px 0; }



  .blog-comments h4 {



    font-size: 1.375em;



    margin-bottom: 16px; }



  .blog-comments .line-separator {



    margin-bottom: 5px; }



  .blog-comments .comment-list {



    border: none;



    padding-left: 0;



    padding-right: 0; }



    .blog-comments .comment-list .comment-wrap {



      padding-left: 94px;



      padding-right: 8px; }



      .blog-comments .comment-list .comment-wrap.comment-reply {



        padding-left: 94px;



        padding-right: 8px; }



      .blog-comments .comment-list .comment-wrap .user-avatar {



        left: 8px; }



    .blog-comments .comment-list .pager {



      margin-right: 8px; }



    .blog-comments .comment-list h3 {



      margin-left: 8px; }







/*---------------



  	ACCORDION



---------------*/



.accordion {



  border: 1px solid #ebebeb; }



  .accordion.item-faq {



    width: 806px;



    margin: 36px auto 46px; }



  .accordion.primary .accordion-item.selected .accordion-item-header, .accordion.primary .accordion-item:hover .accordion-item-header {



    border-left-color: #118ca7; }



  .accordion.secondary .accordion-item.selected .accordion-item-header, .accordion.secondary .accordion-item:hover .accordion-item-header {



    border-left-color: #1396e1; }



  .accordion.tertiary .accordion-item.selected .accordion-item-header, .accordion.tertiary .accordion-item:hover .accordion-item-header {



    border-left-color: #e61852; }



  .accordion .accordion-item {



    border-bottom: 1px solid #ebebeb;



    position: relative; }



    .accordion .accordion-item:last-child {



      border-bottom: none; }



    .accordion .accordion-item.selected .accordion-item-header, .accordion .accordion-item:hover .accordion-item-header {



      border-left-width: 6px; }



    .accordion .accordion-item.selected .svg-arrow {



      fill: #535d5f;



      -webkit-transform: rotate(-90deg);



      transform: rotate(-90deg); }



    .accordion .accordion-item .svg-arrow {



      width: 7px;



      height: 12px;



      fill: #b2b2b2;



      -webkit-transform: rotate(90deg);



      transform: rotate(90deg);



      position: absolute;



      top: 20px;



      right: 22px;



      transition: all .3s ease-in; }



    .accordion .accordion-item .accordion-item-header {



      padding-left: 16px;



      line-height: 50px;



      text-transform: none;



      cursor: pointer;



      border-left: 0 solid transparent;



      transition: all .15s ease-in; }



    .accordion .accordion-item .accordion-item-content {



      padding: 34px 24px 54px 22px;



      border-top: 1px solid #ebebeb;



      display: none; }



      .accordion .accordion-item .accordion-item-content h4 {



        font-size: 1.125em;



        margin-bottom: 26px; }



      .accordion .accordion-item .accordion-item-content p {



        margin-bottom: 46px; }



      .accordion .accordion-item .accordion-item-content > *:last-child {



        margin-bottom: 0; }







/*--------------



  	COMMENTS



--------------*/



.comment-list {



  border: 1px solid #ebebeb;



  padding: 0 16px 36px;



  background-color: #fff;



  overflow: hidden; }



  .comment-list .comment-wrap {



    padding: 36px 16px 0 104px;



    position: relative; }



    .comment-list .comment-wrap .comment-wrap {



      padding: 0 0 0 88px; }



      .comment-list .comment-wrap .comment-wrap.comment-reply {



        padding: 0 0 0 88px;



        margin-top: 28px; }



      .comment-list .comment-wrap .comment-wrap .user-avatar {



        top: 0;



        left: 0; }



    .comment-list .comment-wrap.comment-reply {



      padding: 0 16px 0 104px;



      margin-bottom: 15px; }



      .comment-list .comment-wrap.comment-reply .user-avatar {



        top: 10px; }



      .comment-list .comment-wrap.comment-reply:last-child {



        margin-bottom: 0; }



    .comment-list .comment-wrap .user-avatar {



      position: absolute;



      top: 36px;



      left: 16px; }



    .comment-list .comment-wrap .comment {



      margin-bottom: 28px;



      position: relative; }



      .comment-list .comment-wrap .comment .text-header {



        display: inline-block;



        margin: 6px 4px 4px 0; }



      .comment-list .comment-wrap .comment .pin {



        position: relative;



        top: -1px; }



      .comment-list .comment-wrap .comment .quote {



        border-left: 6px solid transparent;



        padding: 24px 36px 26px 22px;



        margin: 20px 0; }



        .comment-list .comment-wrap .comment .quote .text-header {



          margin-bottom: 16px; }



        .comment-list .comment-wrap .comment .quote.primary {



          border-left-color: #118ca7; }



        .comment-list .comment-wrap .comment .quote.secondary {



          border-left-color: #1cbdf9; }

        .comment-list .comment-wrap .comment .quote.tertiary {



          border-left-color: #e61852; }



      .comment-list .comment-wrap .comment .timestamp {



        margin-bottom: 14px; }



      .comment-list .comment-wrap .comment .pinned {



        color: #06b99b;



        font-size: 0.75em;



        font-weight: 700;



        position: absolute;



        top: 6px;



        right: 42px; }



      .comment-list .comment-wrap .comment .reply {



        color: #06b99b;



        font-size: 0.75em;



        font-weight: 700;



        position: absolute;



        top: 6px;



        right: 22px; }



      .comment-list .comment-wrap .comment .report {



        color: #b2b2b2;



        font-size: 0.75em;



        position: absolute;



        top: 6px;



        right: 0; }



      .comment-list .comment-wrap .comment.review .recommendation {



        position: absolute;



        top: -8px;



        right: 0; }



      .comment-list .comment-wrap .comment.review .report {



        right: 52px; }



  .comment-list .comment-reply-form {



    overflow: hidden; }



    .comment-list .comment-reply-form textarea {



      margin-bottom: 14px; }



    .comment-list .comment-reply-form label {



      float: left;



      color: #b2b2b2; }



    .comment-list .comment-reply-form .button {



      float: right; }



  .comment-list .line-separator {



    margin-top: 34px; }



  .comment-list h3 {



    margin: 36px 0 36px 16px;



    font-size: 1.375em;



    text-align: left; }



  .comment-list .pager {



    margin-right: 16px; }







/*------------



  	SHARE



------------*/



.share-links-wrap {



  margin-top: 25px;



  padding: 0 16px;



  overflow: hidden; }



  .share-links-wrap .text-header {



    float: left;



    margin-right: 16px;



    line-height: 30px; }







.share-links {



  overflow: hidden; }



  .share-links.hoverable li a {



    transition: all .15s ease-in; }



    .share-links.hoverable li a.fb, .share-links.hoverable li a.twt, .share-links.hoverable li a.db, .share-links.hoverable li a.rss, .share-links.hoverable li a.gplus, .share-links.hoverable li a.de, .share-links.hoverable li a.be {



      background-color: #d1d1d1; }



    .share-links.hoverable li a:hover.fb {



      background-color: #355599; }



    .share-links.hoverable li a:hover.twt {



      background-color: #0fccf4; }



    .share-links.hoverable li a:hover.db {



      background-color: #f63f6e; }



    .share-links.hoverable li a:hover.rss {



      background-color: #ffa312; }



    .share-links.hoverable li a:hover.gplus {



      background-color: #e0133a; }



    .share-links.hoverable li a:hover.be {



      background-color: #0d79ab; }



    .share-links.hoverable li a:hover.de {



      background-color: #05cc47; }



  .share-links li {



    float: left;



    margin-right: 12px; }



    .share-links li a {



      display: block;



      width: 30px;



      height: 30px;



      border-radius: 50%; }



      .share-links li a.fb, .share-links li a.twt, .share-links li a.db, .share-links li a.rss, .share-links li a.gplus, .share-links li a.de, .share-links li a.be {



        background-repeat: no-repeat;



        background-position: center; }



      .share-links li a:hover.fb {



        background-color: #4868ae; }



      .share-links li a:hover.twt {



        background-color: #2fd5f9; }



      .share-links li a:hover.db {



        background-color: #fe5e87; }



      .share-links li a:hover.rss {



        background-color: #ffb72d; }



      .share-links li a:hover.gplus {



        background-color: #f42a50; }



      .share-links li a:hover.be {



        background-color: #1b8ec3; }



      .share-links li a:hover.de {



        background-color: #15e159; }



      .share-links li a.fb {



        background-image: url("../imgs/social/fb.png");



        background-color: #355599; }



      .share-links li a.twt {



        background-image: url("../imgs/social/twt.png");



        background-color: #0fccf4; }



      .share-links li a.db {



        background-image: url("../imgs/social/db.png");



        background-color: #f63f6e; }



      .share-links li a.rss {



        background-image: url("../imgs/social/rss.png");



        background-position: 50% 45%;



        background-color: #ffa312; }



      .share-links li a.gplus {



        background-image: url("../imgs/social/gplus.png");



        background-color: #e0133a; }



      .share-links li a.be {



        background-image: url("../imgs/social/be.png");



        background-color: #0d79ab; }



      .share-links li a.de {



        background-image: url("../imgs/social/de.png");



        background-color: #05cc47; }



    .share-links li:last-child {



      margin-right: 0; }







/*------------



  	TAGS



------------*/



.tags a:hover {



  text-decoration: underline; }



.tags.primary a {



  color: #06b99b; }



.tags.secondary a {



  color: #1396e1; }



.tags.tertiary a {



  color: #e61852; }







/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  /*--------------



    	POST TAB



  --------------*/



  .post-tab .tab-header .tab-item {



    width: 33%; }



    .post-tab .tab-header .tab-item:nth-child(2) {



      width: 34%; }







  /*-----------



    	POST



  -----------*/



  .post.blog-post .post-image {



    width: 100%;



    height: auto;



    margin-bottom: 0; }



    .post.blog-post .post-image .product-preview-image {



      width: 100%;



      height: auto; }







  /*-----------------------



    	BLOG POST PREVIEW



  -----------------------*/



  .blog-post-preview.v2 .blog-post-preview-item .product-preview-image {



    width: 100%;



    height: auto; }







  /*--------------------



    	BLOG COMMENTS



  --------------------*/



  .blog-comments {



    margin-bottom: 26px; } }



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



  /*-----------



    	POST



  -----------*/



  .post .post-image {



    width: 360px;



    height: 210px; }



    .post .post-image .product-preview-image {



      width: 358px;



      height: 208px; }



    .post .post-image .slide-control-wrap {



      width: 328px;



      top: 254px;



      left: 15px; }



    .post .post-image .button {



      width: 120px;



      height: 30px;



      line-height: 30px;



      font-size: 0.75em; }



  .post .post-image-slides {



    width: 328px; }



    .post .post-image-slides .image-slides-wrap,



    .post .post-image-slides .image-slides-wrap.full {



      width: 186px;



      margin: 0 auto; }



  .post .post-content .post-banner {



    width: 100%; }







  /*--------------



    	POST TAB



  --------------*/



  .post-tab .accordion.item-faq {



    width: 95%; } }



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



  /*-----------



    	POST



  -----------*/



  .post .post-paragraph.half {



    float: none;



    width: 100%; }







  /*--------------



    	POST TAB



  --------------*/



  .post-tab .tab-header .tab-item {



    float: none;



    width: 100%;



    border-right: none;



    border-bottom: 1px solid #ebebeb; }



    .post-tab .tab-header .tab-item:nth-child(2) {



      width: 100%; }



    .post-tab .tab-header .tab-item:last-child {



      border-bottom: none; }







  /*--------------



    	COMMENTS



  --------------*/



  .comment-list .comment-wrap {



    padding-left: 60px; }



    .comment-list .comment-wrap .comment.review .timestamp {



      margin-bottom: 0; }



    .comment-list .comment-wrap .comment.review .recommendation {



      display: block;



      position: relative;



      top: 0;



      margin: 6px 0; }



    .comment-list .comment-wrap .comment.review .report {



      position: static;



      margin-top: 4px; }



    .comment-list .comment-wrap.comment-reply {



      padding-left: 60px; }



    .comment-list .comment-wrap .user-avatar {



      width: 40px;



      height: 40px;



      left: 6px; }



    .comment-list .comment-wrap .comment-wrap {



      padding-left: 56px; }



      .comment-list .comment-wrap .comment-wrap.comment-reply {



        padding-left: 56px; }







  /*--------------------



    	BLOG COMMENTS



  --------------------*/



  .blog-comments .comment-list .comment-wrap {



    padding-left: 64px; }



    .blog-comments .comment-list .comment-wrap.comment-reply {



      padding-left: 64px; } }



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



  /*-----------



    	POST



  -----------*/



  .post .post-image {



    width: 260px;



    height: 152px;



    margin-bottom: 90px; }



    .post .post-image .product-preview-image {



      width: 258px;



      height: 150px; }



    .post .post-image .slide-control-wrap {



      width: 242px;



      top: 168px;



      left: 8px; }



    .post .post-image .button {



      top: 176px;



      left: 50%;



      margin-left: -60px; }



  .post .post-image-slides {



    width: 100px; }



    .post .post-image-slides .slide-control-wrap {



      top: -70px; }



  .post .image-slides-wrap {



    display: none; }



  .post .post-content .meta-line > *:last-child {



    clear: left;



    float: left; }



  .post .post-content .video {



    height: 200px; }







  .share-links-wrap .text-header {



    float: none; }







  /*--------------



    	COMMENTS



  --------------*/



  .comment-list .comment-wrap .comment .timestamp {



    margin-bottom: 0; }



  .comment-list .comment-wrap .comment .report, .comment-list .comment-wrap .comment .reply {



    position: static;



    display: inline-block;



    margin-bottom: 4px; }







  /*-----------------------



    	BLOG POST PREVIEW



  -----------------------*/



  .blog-post-preview .blog-post-preview-item .product-preview-image {



    width: 100%;



    height: auto; }



  .blog-post-preview.v2 .blog-post-preview-item .meta-line > *:last-child {



    clear: left;



    float: left; }







  /*------------------



    	BLOG AUTHOR



  ------------------*/



  .blog-author {



    padding: 145px 26px 32px; }



    .blog-author .user-avatar {



      position: absolute;



      top: 28px;



      left: 50%;



      margin-left: -35px; }



    .blog-author p {



      text-align: center; }



    .blog-author .share-links {



      top: 105px;



      right: auto;



      left: 50%;



      margin-left: -36px; } }



.author-profile-banner {



  background: url("../imgs/profile_banner.jpg") no-repeat center;



  background-size: cover;



  min-height: 300px; }







.author-profile-meta-wrap {



  border-top: 1px solid #ebebeb;



  border-bottom: 1px solid #ebebeb;



  background-color: #fff; }







.author-profile-meta {



  min-height: 100px;



  padding-top: 15px; }







.author-profile-info {



  overflow: hidden;



  padding-left: 300px; }



  .author-profile-info .author-profile-info-item {



    float: left;



    height: 70px;



    border-right: 1px solid #ebebeb;



    padding: 16px 70px 0 32px; }



    .author-profile-info .author-profile-info-item:last-child {



      border-right: none;



      padding-right: 0; }



    .author-profile-info .author-profile-info-item p {



      font-size: 0.8125em;



      line-height: 20px; }



      .author-profile-info .author-profile-info-item p a:hover {



        text-decoration: underline; }



      .author-profile-info .author-profile-info-item p .primary {



        color: #06b99b; }



      .author-profile-info .author-profile-info-item p .secondary {



        color: #1cbdf9; }



      .author-profile-info .author-profile-info-item p .tertiary {



        color: #e61852; }







.follow-list {



  width: 870px;



  margin: 0 auto; }



  .follow-list .follow-list-item {



    height: 94px;



    padding: 11px 17px 11px 92px;



    border: 1px solid #ebebeb;



    margin-bottom: 14px;



    background-color: #fff;



    position: relative; }



    .follow-list .follow-list-item:last-child {



      margin-bottom: 0; }



    .follow-list .follow-list-item .user-avatar {



      position: absolute;



      top: 11px;



      left: 11px; }



    .follow-list .follow-list-item .fl-item-info {



      float: left;



      height: 70px;



      border-right: 1px solid #ebebeb;



      padding: 0 16px; }



      .follow-list .follow-list-item .fl-item-info:last-child {



        border-right: none;



        padding-right: 0; }



      .follow-list .follow-list-item .fl-item-info.fl-description {



        width: 203px;



        padding: 6px 10px 0 0; }



        .follow-list .follow-list-item .fl-item-info.fl-description .text-header {



          font-size: 1em;



          margin-bottom: 5px; }



        .follow-list .follow-list-item .fl-item-info.fl-description p {



          font-size: 0.75em;



          line-height: 18px; }



      .follow-list .follow-list-item .fl-item-info.fl-reputation {



        width: 108px;



        padding-top: 15px; }



        .follow-list .follow-list-item .fl-item-info.fl-reputation .text-header {



          font-size: 0.75em;



          text-align: center; }



        .follow-list .follow-list-item .fl-item-info.fl-reputation .rating {



          width: 75px;



          margin: 14px auto 0; }



      .follow-list .follow-list-item .fl-item-info.fl-product-items {



        overflow: hidden; }



        .follow-list .follow-list-item .fl-item-info.fl-product-items .product-preview-image {



          float: left;



          margin-right: 14px; }



        .follow-list .follow-list-item .fl-item-info.fl-product-items a:last-child .product-preview-image {



          margin-right: 0; }



      .follow-list .follow-list-item .fl-item-info.fl-button {



        padding-top: 20px; }







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



  .author-profile-info {



    padding-left: 0;



    padding-top: 15px;



    width: 270px;



    margin: 0 auto; }



    .author-profile-info .author-profile-info-item {



      float: none;



      border-right: none;



      padding: 0;



      padding-left: 32px; }



      .author-profile-info .author-profile-info-item p {



        font-size: 0.8125em;



        line-height: 20px; }



        .author-profile-info .author-profile-info-item p a:hover {



          text-decoration: underline; }



        .author-profile-info .author-profile-info-item p .primary {



          color: #06b99b; }



        .author-profile-info .author-profile-info-item p .secondary {



          color: #1cbdf9; }



        .author-profile-info .author-profile-info-item p .tertiary {



          color: #e61852; }







  .section .sidebar.author-profile {



    position: static; } }



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



  .follow-list {



    width: 598px; }



    .follow-list .follow-list-item .fl-item-info.fl-product-items {



      display: none; } }



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



  .follow-list {



    width: 270px; }



    .follow-list .follow-list-item {



      height: auto;



      padding: 90px 11px 20px; }



      .follow-list .follow-list-item .user-avatar {



        left: 50%;



        margin-left: -35px; }



      .follow-list .follow-list-item .fl-item-info {



        float: none;



        height: auto;



        border-right: none;



        padding: 0; }



        .follow-list .follow-list-item .fl-item-info.fl-description {



          padding: 0;



          margin: 0 auto 14px; }



          .follow-list .follow-list-item .fl-item-info.fl-description p {



            text-align: center; }



        .follow-list .follow-list-item .fl-item-info.fl-reputation {



          display: none; }



        .follow-list .follow-list-item .fl-item-info.fl-button {



          padding: 0; }



          .follow-list .follow-list-item .fl-item-info.fl-button .button {



            margin: 0 auto; } }



.section.demo {



  overflow: visible; }



  .section.demo .form-popup {



    margin-bottom: 60px; }



    .section.demo .form-popup:nth-child(odd) {



      float: left;



      clear: both; }



    .section.demo .form-popup:nth-child(even) {



      float: right; }





.auth-msg {
    padding: 10px 12px;
    margin-bottom: 15px;
    border-radius: 6px;
    font-size: 14px;
}

.auth-msg.error {
    background: #ffdddd;
    color: #8b0000;
    border-left: 4px solid #cc0000;
}

.auth-msg.success {
    background: #ddffdd;
    color: #006400;
    border-left: 4px solid #28a745;
}

.form-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 420px;
    max-width: 90%;
    border-radius: 10px;
    padding: 0;
    z-index: 99999;
    box-shadow: 0 10px 40px rgba(0,0,0,0.25);
}

.form-popup.active {
    display: block;
}
.form-popup-content {
    padding: 25px 30px 35px;
}
.close-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
}

.modal-switch {
    margin-top: 15px;
    text-align: center;
    font-size: 14px;
}
.modal-switch a {
    color: #fb5d41;
    text-decoration: none;
}
.modal-switch a:hover {
    text-decoration: underline;
}
/* Full hero-style modal header */
.modal-hero {
    background: url('../imgs/reg-bg.png') center/cover no-repeat;
    padding: 45px 25px 35px;
    border-radius: 10px 10px 0 0;
    position: relative;
    color: #fff;
}

/* HEADER TITLE + SUBTITLE */
.modal-hero h2 {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 5px;
    color: #fff;
}

.modal-hero p {
    margin: 0;
    font-size: 15px;
    opacity: 0.9;
    color: #fff;
}

/* Close button INSIDE header */
.modal-hero .close-btn {
    position: absolute;
    top: 12px;
    right: 14px;
    cursor: pointer;
    z-index: 5;
}

.modal-hero .close-btn svg {
    width: 22px;
    height: 22px;
    color: #fff;
}

/* optional: make the bottom of the header exactly like your screenshot */
.modal-hero {
    border-bottom: 4px solid rgba(255,255,255,0.15);
}
.promo-popup-wrap {
    width: 820px;           /* wider */
    max-width: 95%;
    padding: 0;
    border-radius: 12px;
    overflow: hidden;
}

/* Grid inside the popup */
.promo-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    min-height: 300px;
}

/* Left section */
.promo-left {
    color: #fff;
    padding: 0;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* Right Section */
.promo-right {
    padding: 40px;
}

#promo-popup .mfp-close,
#promo-popup .close-btn {
    position:absolute;
    top:12px;
    right:12px;
    font-size:28px;
    cursor:pointer;
}
/* --- Promo Popup Close Button Fix --- */
#promo-popup .mfp-close,
#promo-popup .close-btn {
    width: 26px !important;
    height: 26px !important;
    font-size: 26px !important;
    line-height: 26px !important;
    right: 20px !important;
    top: 20px !important;
    color: #111 !important;
    opacity: 0.8;
}

#promo-popup .mfp-close:hover,
#promo-popup .close-btn:hover {
    opacity: 1;
}

/* Make sure SVG X does NOT scale huge */
#promo-popup .close-btn svg {
    width: 20px !important;
    height: 20px !important;
}
#promo-popup {
    opacity: 0;
    transform: translate(-50%, -48%);
    transition: all .25s ease;
}

#promo-popup.active {
    opacity: 1;
    transform: translate(-50%, -50%);
}
/*---------------------



  	BADGES SHOWCASE



---------------------*/



.badges-showcase {



  margin: 0 auto; }



  .badges-showcase.short {



    width: 702px; }



  .badges-showcase .badges-showcase-item {



    padding-top: 192px;



    position: relative;



    margin-bottom: 70px; }



    .badges-showcase .badges-showcase-item .badge {



      position: absolute;



      z-index: 1;



      transition: all .3s ease-in-out; }



      .badges-showcase .badges-showcase-item .badge.big {



        top: 0;



        left: 50%;



        margin-left: -80px; }



        .badges-showcase .badges-showcase-item .badge.big.pinned {



          top: -10px; }



      .badges-showcase .badges-showcase-item .badge.small {



        top: 136px;



        right: 29px; }



      .badges-showcase .badges-showcase-item .badge.locked {



        opacity: 0;



        z-index: 0; }



      .badges-showcase .badges-showcase-item .badge.active {



        opacity: 1;



        z-index: 2; }



        .badges-showcase .badges-showcase-item .badge.active + .badge {



          opacity: 0; }



        .badges-showcase .badges-showcase-item .badge.active:hover {



          opacity: 0; }



          .badges-showcase .badges-showcase-item .badge.active:hover + .badge {



            opacity: 1; }



    .badges-showcase .badges-showcase-item .text-header, .badges-showcase .badges-showcase-item .badge-description {



      text-align: center; }



    .badges-showcase .badges-showcase-item .text-header {



      font-size: 1.125em;



      margin-bottom: 16px; }



    .badges-showcase .badges-showcase-item .badge-description {



      font-size: 0.75em;



      line-height: 18px; }



    .badges-showcase .badges-showcase-item .badge-progress-title {



      font-size: 0.8125em;



      margin: 34px 0 6px; }



    .badges-showcase .badges-showcase-item .badge-progress {



      margin: 0 auto; }







/*-----------



  	BADGE



-----------*/



.badge.big {



  width: 160px;



  height: 167px; }



.badge.small {



  width: 36px;



  height: 37px; }







/*------------------



  	BADGE BOXES



------------------*/



.badge-boxes {



  overflow: hidden; }



  .badge-boxes .sidebar-item {



    margin-bottom: 26px; }







/*------------------



  	BADGE LIST



------------------*/



.badge-list {



  width: 228px;



  margin: 0 auto; }



  .badge-list .badge-list-item {



    float: left;



    margin: 0 12px 18px 0; }



    .badge-list .badge-list-item .badge.pinned {



      position: relative;



      top: -5px; }



    .badge-list .badge-list-item:nth-child(5n+5) {



      margin-right: 0; }



  .badge-list.short {



    width: 180px;



    margin-left: auto;



    margin-right: auto; }



    .badge-list.short .badge-list-item:nth-child(5n+5) {



      margin-right: 12px; }



    .badge-list.short .badge-list-item:nth-child(4n+4) {



      margin-right: 0; }







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



  /*---------------------



    	BADGES SHOWCASE



  ---------------------*/



  .badges-showcase.short {



    width: 468px; } }



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



  /*---------------------



    	BADGES SHOWCASE



  ---------------------*/



  .badges-showcase.short {



    width: 234px; } }



/*----------



	CART



----------*/



.cart {



  width: 870px;



  background-color: #fff;



  border: 1px solid #ebebeb;



  margin: 0 auto; }



  .cart .cart-header {



    height: 52px;



    border-bottom: 1px solid #ebebeb;



    overflow: hidden; }



    .cart .cart-header p {



      line-height: 52px; }



    .cart .cart-header > * {



      float: left;



      text-align: center; }



    .cart .cart-header .cart-header-product {



      text-align: left; }



  .cart .cart-header-product, .cart .cart-item-product {



    width: 416px;



    padding-left: 23px; }



  .cart .cart-header-category, .cart .cart-item-category {



    width: 142px; }



  .cart .cart-header-price, .cart .cart-item-price {



    width: 174px; }



  .cart .cart-header-actions, .cart .cart-item-actions {



    width: 136px; }



  .cart .cart-item {



    padding: 24px 0;



    border-bottom: 1px solid #ebebeb;



    overflow: hidden; }



    .cart .cart-item > * {



      float: left;



      text-align: center; }



    .cart .cart-item .cart-item-product {



      text-align: left; }



      .cart .cart-item .cart-item-product .item-preview {



        padding-left: 82px;



        padding-top: 4px;



        min-height: 70px; }



        .cart .cart-item .cart-item-product .item-preview .description {



          width: 155px; }



    .cart .cart-item .cart-item-category {



      padding-top: 26px; }



    .cart .cart-item .cart-item-price {



      padding-top: 23px; }



    .cart .cart-item .cart-item-actions {



      padding-top: 16px; }



      .cart .cart-item .cart-item-actions .button.rmv {



        width: 30px;



        height: 30px;



        margin: 0 auto;



        position: relative; }



        .cart .cart-item .cart-item-actions .button.rmv .svg-plus {



          fill: #fff;



          width: 12px;



          height: 12px;



          -webkit-transform: rotate(45deg);



          transform: rotate(45deg);



          position: absolute;



          top: 9px;



          left: 50%;



          margin-left: -6px; }



  .cart .cart-actions {



    padding: 26px 53px 26px 0;



    overflow: hidden; }



    .cart .cart-actions .button {



      float: right;



      width: 200px; }



      .cart .cart-actions .button.spaced {



        margin-right: 14px; }







.cart-total {



  height: 70px;



  padding: 0 53px 0 556px;



  border-bottom: 1px solid #ebebeb;



  overflow: hidden; }



  .cart-total.small {



    height: 50px;



    padding: 0 0 0 346px; }



    .cart-total.small p {



      line-height: 50px; }



    .cart-total.small .subtotal, .cart-total.small .total {



      font-size: 0.875em; }



  .cart-total p {



    line-height: 70px; }



  .cart-total .subtotal, .cart-total .total {



    float: left; }



  .cart-total .price {



    float: right; }



  .cart-total .subtotal {



    font-size: 0.8125em; }







/*------------------------



	CART OVERVIEW ITEM



------------------------*/



.cart-overview-item {



  height: 35px;



  overflow: hidden;



  position: relative; }



  .cart-overview-item.bordered {



    border-bottom: 1px solid #ebebeb; }



  .cart-overview-item .text-header {



    float: left; }



  .cart-overview-item .price, .cart-overview-item .category {



    float: right; }



  .cart-overview-item .price {



    position: relative;



    top: -3px; }



  .cart-overview-item .category {



    position: absolute;



    left: 346px; }







/*--------------



	FORM BOX



--------------*/



.form-box-items {



  overflow: hidden; }



  .form-box-items.right {



    float: right; }



  .form-box-items.left {



    float: left; }



  .form-box-items.wrap-3-1 {



    width: 74.3%; }



  .form-box-items.wrap-1-3 {



    width: 23%; }



  .form-box-items .form-box-items.wrap-3-1 {



    width: 65.5%; }



  .form-box-items .form-box-items.wrap-1-3 {



    width: 31%; }



  .form-box-items .form-box-item {



    width: 570px; }



    .form-box-items .form-box-item:nth-child(odd) {



      float: left;



      clear: both; }



    .form-box-items .form-box-item:nth-child(even) {



      float: right; }







.form-box-item {



  padding: 22px 24px 26px;



  background-color: #fff;



  border: 1px solid #ebebeb;



  position: relative;



  margin-bottom: 26px; }



  .form-box-item.padded {



    padding-bottom: 71px; }



  .form-box-item.not-padded {



    padding-bottom: 0; }



  .form-box-item.not-spaced .line-separator {



    margin-bottom: 0; }



  .form-box-item.spaced {



    padding-bottom: 62px; }



    .form-box-item.spaced .line-separator, .form-box-item.spaced .input-container {



      margin-bottom: 40px; }



    .form-box-item.spaced .input-container {



      padding-left: 42px;



      position: relative; }



      .form-box-item.spaced .input-container .share-links {



        position: absolute;



        top: 6px;



        left: 0; }



  .form-box-item.has-chart-legend {



    text-align: center; }



    .form-box-item.has-chart-legend h4 {



      text-align: left; }



    .form-box-item.has-chart-legend .chart-legend {



      margin-top: 28px; }



  .form-box-item.graph-bg {



    background: url("../imgs/graph-bg.png") no-repeat center bottom #fff;



    padding-bottom: 54px; }



  .form-box-item h4 {



    margin-bottom: 22px; }



  .form-box-item .line-separator {



    margin-bottom: 22px; }



    .form-box-item .line-separator.top {



      margin-top: 22px; }



  .form-box-item .button {



    width: 100%; }



  .form-box-item .input-container {



    clear: both;



    margin-bottom: 22px; }



    .form-box-item .input-container:last-child {



      margin-bottom: 0; }



    .form-box-item .input-container.top-right {



      position: absolute;



      top: 20px;



      right: 24px; }



    .form-box-item .input-container.half {



      float: left;



      width: 48.85%;



      clear: none; }



      .form-box-item .input-container.half + .half {



        float: right; }



    .form-box-item .input-container textarea {



      height: 120px; }



  .form-box-item .cart-total:last-child {



    border-bottom: none; }



  .form-box-item .pm-text {



    padding-left: 29px;



    color: #b2b2b2;



    font-size: 0.8125em;



    position: relative;



    top: -8px;



    display: none; }







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



  /*--------------



  	FORM BOX



  --------------*/



  .form-box-items.right, .form-box-items.left {



    width: 100%;



    float: none; }



  .form-box-items > .form-box-items.right, .form-box-items > .form-box-items.left {



    width: 100%;



    float: none; }



  .form-box-items .form-box-item {



    float: none;



    width: 100%; } }



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



  /*----------



  	CART



  ----------*/



  .cart {



    width: 554px; }



    .cart .cart-header-category, .cart .cart-header-price,



    .cart .cart-item-category, .cart .cart-item-price {



      display: none; }



    .cart .cart-total {



      padding-left: 200px; } }



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



  /*----------



  	CART



  ----------*/



  .cart {



    width: 270px; }



    .cart .cart-header-actions {



      display: none; }



    .cart .cart-header-product {



      width: 100%;



      padding-left: 0; }



      .cart .cart-header-product p {



        text-align: center; }



    .cart .cart-item > * {



      float: none;



      margin: 0 auto; }



    .cart .cart-item .cart-item-product {



      width: 100%;



      padding-left: 0; }



      .cart .cart-item .cart-item-product .item-preview {



        padding-top: 86px;



        padding-left: 0; }



        .cart .cart-item .cart-item-product .item-preview .product-preview-image {



          top: 0;



          left: 50%;



          margin-left: -35px; }



        .cart .cart-item .cart-item-product .item-preview p {



          text-align: center; }



        .cart .cart-item .cart-item-product .item-preview .description {



          margin: 0 auto; }



    .cart .cart-total {



      padding-right: 30px;



      padding-left: 30px; }



    .cart .cart-actions {



      padding-right: 0; }



      .cart .cart-actions .button {



        float: none;



        margin: 14px auto 0; }



        .cart .cart-actions .button.spaced {



          margin: 14px auto 0; }







  /*--------------



  	FORM BOX



  --------------*/



  .form-box-item .input-container.half {



    float: none;



    width: 100%; }



  .form-box-item .cart-total.small {



    padding-left: 0; }







  /*------------------------



  	CART OVERVIEW ITEM



  ------------------------*/



  .cart-overview-item .category {



    display: none; } }



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



  /*--------------



  	FORM BOX



  --------------*/



  .form-box-item .input-container.top-right {



    position: static; }







  /*------------------------



  	CART OVERVIEW ITEM



  ------------------------*/



  .cart-overview-item {



    height: auto;



    margin-bottom: 22px; }



    .cart-overview-item.bordered {



      padding-bottom: 12px;



      margin-bottom: 0; }



    .cart-overview-item .text-header {



      width: 180px;



      line-height: 1.3em; }



    .cart-overview-item .price {



      top: 0; } }



.forum {



  width: 870px;



  border: 1px solid #ebebeb;



  background-color: #fff;



  margin: 0 auto 26px;



  padding-bottom: 6px; }



  .forum > *:last-child {



    border-bottom: none; }



    .forum > *:last-child > *:last-child {



      border-bottom: none; }







.forum-header {



  overflow: hidden;



  border-bottom: 1px solid #ebebeb; }







.forum-title, .forum-replies,



.forum-lastpost {



  float: left;



  height: 50px; }



  .forum-title .text-header, .forum-replies .text-header,



  .forum-lastpost .text-header {



    line-height: 50px; }







.forum-title {



  width: 470px;



  padding-left: 24px; }







.forum-replies {



  width: 100px;



  text-align: center; }







.forum-lastpost {



  width: 298px;



  padding-left: 150px; }







.forum-subsection {



  padding: 16px 24px;



  border-bottom: 1px solid #ebebeb; }



  .forum-subsection .text-header {



    margin-bottom: 8px; }



  .forum-subsection .description {



    font-size: 0.8125em;



    line-height: 18px; }







.thread-list .thread-list-item {



  height: 50px;



  border-bottom: 1px solid #ebebeb;



  overflow: hidden;



  position: relative;



  }



  .thread-list .thread-list-item.pinned .pin {



    top: 17px;



    left: 24px;



    pointer-events: none; }



  .thread-list .thread-list-item.pinned .user-avatar {



    left: 78px; }



  .thread-list .thread-list-item.pinned .forum-title {



    padding-left: 78px; }



  .thread-list .thread-list-item .user-avatar {



    position: absolute;



    top: 12px;



    left: 23px; }



  .thread-list .thread-list-item .forum-lastpost {



    padding-left: 0; }



  .thread-list .thread-list-item .title, .thread-list .thread-list-item .replies,



  .thread-list .thread-list-item .lastpost {



    font-size: 0.8125em;



    line-height: 50px; }



  .thread-list .thread-list-item .title {



    padding-left: 35px;



    white-space: nowrap;



    text-overflow: ellipsis;



    overflow: hidden; }



  .thread-list .thread-list-item .replies {



    color: #b2b2b2; }



  .thread-list .thread-list-item .lastpost {



    float: right;



    padding-right: 24px; }



    .thread-list .thread-list-item .lastpost span {



      color: #151c22;



      font-weight: 700; }







.topic-preview .topic-preview-item {



  padding-bottom: 14px;



  margin-bottom: 16px;



  border-bottom: 1px solid #ebebeb; }



  .topic-preview .topic-preview-item:last-child {



    border-bottom: none;



    margin-bottom: 0;



    padding-bottom: 0; }



  .topic-preview .topic-preview-item .category, .topic-preview .topic-preview-item .lastpost {



    font-size: 0.6875em; }



  .topic-preview .topic-preview-item .lastpost {



    margin-top: 4px; }



    .topic-preview .topic-preview-item .lastpost span {



      color: #151c22;



      font-weight: 700; }







.thread {



  border: 1px solid #ebebeb;



  background-color: #fff; }



  .thread .thread-title {



    min-height: 64px;



    padding: 19px 32px;



    border-bottom: 1px solid #ebebeb; }



    .thread .thread-title.pinned {



      padding-left: 78px;



      position: relative; }



      .thread .thread-title.pinned .pin {



        top: 26px;



        left: 24px; }



    .thread .thread-title .text-header {



      font-size: 1.375em;



      line-height: 1.3em; }



  .thread .comment-list {



    padding-left: 0;



    padding-right: 0;



    border: none; }



    .thread .comment-list .comment-wrap {



      padding-left: 118px;



      padding-right: 32px; }



      .thread .comment-list .comment-wrap .user-avatar {



        left: 32px; }



    .thread .comment-list h3 {



      margin-left: 32px; }







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



  .forum {



    width: 572px; }







  .forum-lastpost {



    display: none; } }



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



  .forum, .forum-title {



    width: 100%; }







  .forum-title {



    padding-right: 24px; }







  .forum-replies {



    display: none; }







  .thread .comment-list .comment-wrap {



    padding-left: 76px; }



    .thread .comment-list .comment-wrap .user-avatar {



      left: 16px; }



  .thread .comment-list h3 {



    margin-left: 16px; } }



#footer-top-wrap {



  background-color: #151c22; }







#footer-top {



  min-height: 345px;



  padding-bottom: 58px;



  overflow: hidden; }



  #footer-top .company-info {



    float: left;



    width: 270px;



    padding-top: 58px;



    margin-right: 30px; }



    #footer-top .company-info .logo {



      margin-bottom: 20px; }



    #footer-top .company-info p {



      color: #b2b2b2;



      font-size: 0.8125em;



      line-height: 1.53846em; }



    #footer-top .company-info .company-info-list {



      margin-top: 15px; }



      #footer-top .company-info .company-info-list .company-info-item {



        margin-bottom: 10px; }



        #footer-top .company-info .company-info-list .company-info-item .icon-present, #footer-top .company-info .company-info-list .company-info-item .icon-energy, #footer-top .company-info .company-info-list .company-info-item .icon-user {



          margin-right: 5px;



          color: #fff;



          font-size: 17px;



          position: relative;



          top: 2px; }



        #footer-top .company-info .company-info-list .company-info-item p {



          display: inline-block;



          color: #fff; }



          #footer-top .company-info .company-info-list .company-info-item p span {



            color: #118ca7; }



  #footer-top .footer-title {



    color: #fff;



    font-size: 1.25em;



    font-weight: 700;



    line-height: 1em;



    margin-bottom: 32px; }



  #footer-top .link-info, #footer-top .twitter-feed {



    float: left;



    padding-top: 68px; }



  #footer-top .link-info {



    width: 170px;



    margin-right: 30px; }



  #footer-top .twitter-feed {



    width: 270px; }



    #footer-top .twitter-feed .tweets li {



      padding-left: 34px;



      margin-bottom: 20px;



      position: relative; }



      #footer-top .twitter-feed .tweets li:last-child {



        margin-bottom: 0; }



      #footer-top .twitter-feed .tweets li:before {



        content: url("../imgs/twt.png");



        position: absolute;



        top: 3px;



        left: 0; }



      #footer-top .twitter-feed .tweets li .feed-text {



        color: #fff;



        font-size: 0.8125em;



        line-height: 1.53846em;



        margin-bottom: 6px; }



        #footer-top .twitter-feed .tweets li .feed-text a {



          color: #118ca7; }



      #footer-top .twitter-feed .tweets li .feed-timestamp a {



        color: #b2b2b2;



        font-size: 0.85714em; }







#footer-bottom-wrap {



  background-color: #21282a; }







#footer-bottom {



  min-height: 54px; }



  #footer-bottom p {



    color: #b2b2b2;



    font-size: 0.8125em;



    line-height: 54px;



    padding-left: 12px;



    position: relative; }



    #footer-bottom p span {



      position: absolute;



      top: 0;



      left: 0; }



    #footer-bottom p a {



      color: #118ca7; }







.social-links {



  margin: 25px 0 0 5px;



  overflow: hidden; }



  .social-links .social-link {



    float: left; }



    .social-links .social-link a {



      display: block;



      position: relative; }



    .social-links .social-link.fb {



      margin-right: 30px; }



      .social-links .social-link.fb a {



        width: 7px;



        height: 14px;



        background: url("../imgs/fb.png") no-repeat center; }



    .social-links .social-link.twt {



      margin-right: 26px; }



      .social-links .social-link.twt a {



        width: 18px;



        height: 13px;



        background: url("../imgs/twt.png") no-repeat center;



        top: 1px; }



    .social-links .social-link.db {



      margin-right: 32px; }



      .social-links .social-link.db a {



        width: 16px;



        height: 17px;



        background: url("../imgs/db.png") no-repeat center;



        top: -1px; }



    .social-links .social-link.rss a {



      width: 12px;



      height: 13px;



      background: url("../imgs/rss.png") no-repeat center;



      top: 1px; }







.link-list .link-item {



  position: relative;



  margin-bottom: 12px; }



  .link-list .link-item:last-child {



    margin-bottom: 0; }



  .link-list .link-item .bullet {



    width: 6px;



    height: 6px;



    border-radius: 50%;



    background-color: #118ca7;



    position: absolute;



    top: 7px;



    left: 0; }



  .link-list .link-item a {



    padding-left: 15px;



    color: #b2b2b2;



    font-size: 0.8125em;



    font-weight: 600;



    line-height: 1em;



    transition: all .15s ease-in; }



    .link-list .link-item a:hover {



      color: #fff;



      padding-left: 19px; }







/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  #footer-top {



    width: 570px;



    position: relative; }



    #footer-top .link-info:nth-child(2) {



      clear: left; }



    #footer-top .link-info:nth-child(4) {



      margin-right: 0; }



    #footer-top .twitter-feed {



      position: absolute;



      top: 0;



      right: 0; } }



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



  #footer-top {



    width: 270px; }



    #footer-top .company-info {



      float: none; }



    #footer-top .link-info {



      float: none;



      margin-right: 0; }



    #footer-top .twitter-feed {



      float: none;



      position: static; }







  #footer-bottom p {



    font-size: 0.75em; } }



.coming-soon-box {



  width: 630px;



  margin: 20px auto 0; }



  .coming-soon-box p {



    text-align: center; }



    .coming-soon-box p br {



      display: none; }



  .coming-soon-box .text-header {



    margin-bottom: 22px; }



  .coming-soon-box .button {



    width: 240px;



    margin: 40px auto 0; }







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



  .coming-soon-box {



    width: 90%; }



    .coming-soon-box p br {



      display: block; } }



.dashboard-body {



  padding: 70px 0 0 270px;



  position: relative; }







.dashboard-header {



  width: 100%;



  padding-left: 270px;



  overflow: hidden;



  position: fixed;



  top: 0;



  left: 0;



  z-index: 9000;



  transition: all .5s ease; }



  .dashboard-header .dashboard-header-item {



    float: left;



    width: 16.25%;



    height: 70px;



    padding: 22px 0 0 14px;



    border-bottom: 1px solid #ebebeb;



    border-right: 1px solid #ebebeb;



    background-color: #fff; }



    .dashboard-header .dashboard-header-item.title {



      padding: 0 0 0 30px; }



      .dashboard-header .dashboard-header-item.title h6 {



        line-height: 70px; }



    .dashboard-header .dashboard-header-item.form {



      float: right;



      width: 35%;



      padding-top: 14px;



      border-right: none; }



    .dashboard-header .dashboard-header-item .dashboard-search {



      position: relative; }



      .dashboard-header .dashboard-header-item .dashboard-search input[type="text"] {



        width: 60%;



        border: none; }



      .dashboard-header .dashboard-header-item .dashboard-search input[type="image"] {



        position: absolute;



        top: -14px;



        right: 70px;



        border-radius: 0; }



    .dashboard-header .dashboard-header-item.back-button {



      width: 100%;



      border: none;



      padding: 0;



      display: none; }



      .dashboard-header .dashboard-header-item.back-button .button {



        width: 100%;



        height: 100%;



        border-radius: 0;



        line-height: 70px; }



        .dashboard-header .dashboard-header-item.back-button .button:before {



          content: url("../imgs/back-icon.png");



          position: relative;



          top: 1px;



          right: 12px; }







.db-options-button, .db-close-button {



  width: 70px;



  height: 69px;



  position: absolute;



  top: 0;



  right: 0;



  z-index: 9000; }







.db-options-button {



  background-color: #1cbdf9;



  cursor: pointer;



  display: none; }



  .db-options-button img[alt="db-list-right"],



  .db-options-button img[alt="close-icon"] {



    position: absolute;



    left: 50%; }



  .db-options-button img[alt="db-list-right"] {



    top: 27px;



    margin-left: -9px; }



  .db-options-button img[alt="close-icon"] {



    top: 28px;



    margin-left: -6px;



    display: none; }







.db-close-button {



  background-color: #535d5f; }



  .db-close-button img[alt="back-icon"] {



    position: absolute;



    top: 28px;



    left: 50%;



    margin-left: -9px; }







.db-side-menu-handler {



  width: 70px;



  height: 69px;



  background-color: #151c22;



  position: absolute;



  top: 0;



  left: 0;



  z-index: 9000;



  cursor: pointer;



  display: none; }



  .db-side-menu-handler img[alt="db-list-left"] {



    position: absolute;



    top: 27px;



    left: 50%;



    margin-left: -9px; }







.stats-meta .pie-chart {



  float: left;



  margin-right: 8px; }



  .stats-meta .pie-chart .svg-plus, .stats-meta .pie-chart .svg-minus {



    width: 6px;



    height: 6px;



    position: absolute;



    top: 7px;



    left: 50%;



    margin-left: -3px; }



.stats-meta p {



  color: #b2b2b2;



  font-size: 0.625em; }







.dashboard-content {



  padding: 30px 0 90px; }



  .dashboard-content .form-box-items .form-box-item {



    width: 48.7%; }



    .dashboard-content .form-box-items .form-box-item.full {



      width: 100%; }







/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  .dashboard-body {



    padding-left: 0; }







  .side-menu.dashboard.closed {



    opacity: 0;



    visibility: hidden; }



    .side-menu.dashboard.closed.left {



      left: -270px; }



    .side-menu.dashboard.closed.right {



      right: -270px; }



  .side-menu.dashboard .svg-plus {



    display: block; }







  .db-side-menu-handler {



    display: block; }







  .dashboard-header {



    max-height: 70px;



    padding-left: 0; }



    .dashboard-header .dashboard-header-item.title, .dashboard-header .dashboard-header-item.form {



      width: 100%;



      float: none; }



    .dashboard-header .dashboard-header-item.stats {



      width: 33.333333%; }



    .dashboard-header .dashboard-header-item.title {



      padding-left: 100px; }



    .dashboard-header .dashboard-header-item:nth-last-child(2) {



      border-right: none; }



    .dashboard-header .dashboard-header-item .dashboard-search input[type="text"] {



      width: 85%; }



    .dashboard-header .dashboard-header-item .dashboard-search input[type="image"] {



      right: 0; }



    .dashboard-header .dashboard-header-item.back-button {



      display: block; }







  .db-options-button {



    display: block; }







  .db-close-button {



    display: none; } }



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



  .dashboard-header .dashboard-header-item.stats {



    float: none;



    width: 100%;



    border-right: none; }



  .dashboard-header .dashboard-header-item .dashboard-search input[type="text"] {



    width: 75%; } }



.profile-image {



  margin-bottom: 22px;



  min-height: 70px; }



  .profile-image .profile-image-data {



    float: left;



    padding-left: 80px;



    position: relative; }



    .profile-image .profile-image-data .user-avatar {



      position: absolute;



      top: 0;



      left: 0; }



    .profile-image .profile-image-data .text-header {



      margin-top: 14px; }



    .profile-image .profile-image-data .upload-details {



      font-size: 0.75em; }



  .profile-image .button {



    float: left;



    width: 220px;



    margin: 18px 0 0 80px; }







/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  .dashboard-content .form-box-items .form-box-item {



    float: none;



    width: 100%; } }



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



  .profile-image .profile-image-data {



    float: none; }



  .profile-image .button {



    margin-top: 6px; } }



.profile-notifications {



  margin: 0 auto 60px; }



  .profile-notifications .profile-notification {



    margin-bottom: 14px; }



    .profile-notifications .profile-notification:last-child {



      margin-bottom: 0; }



  .profile-notifications + .pager-wrap {



    text-align: right; }



    .profile-notifications + .pager-wrap .pager {



      display: inline-block; }







.profile-notification {



  height: 76px;



  padding: 0 36px 0 16px;



  background-color: #fff;



  border: 1px solid #ebebeb;



  overflow: hidden;



  position: relative; }



  .profile-notification .notification-close {



    width: 7px;



    height: 7px;



    position: absolute;



    top: 10px;



    right: 12px;



    background: url("../imgs/notif-close-icon.png") no-repeat center;



    opacity: .5;



    cursor: pointer; }



    .profile-notification .notification-close:hover {



      opacity: 1; }



  .profile-notification p {



    font-size: 0.8125em; }



  .profile-notification .profile-notification-date,



  .profile-notification .profile-notification-body {



    float: left; }



  .profile-notification .profile-notification-date {



    width: 106px; }



    .profile-notification .profile-notification-date p {



      color: #b2b2b2;



      line-height: 74px; }



  .profile-notification .profile-notification-body {



    padding-left: 54px;



    position: relative; }



    .profile-notification .profile-notification-body .user-avatar {



      position: absolute;



      top: 17px;



      left: 0; }



    .profile-notification .profile-notification-body p {



      line-height: 74px; }



      .profile-notification .profile-notification-body p span {



        color: #151c22;



        font-weight: 700; }



  .profile-notification .profile-notification-type {



    float: right; }



    .profile-notification .profile-notification-type .type-icon {



      color: #888;



      font-size: 18px;



      position: relative;



      top: 28px; }



      .profile-notification .profile-notification-type .type-icon.primary {



        color: #118ca7; }



      .profile-notification .profile-notification-type .type-icon.secondary {



        color: #1396e1; }



      .profile-notification .profile-notification-type .type-icon.tertiary {



        color: #e61852; }







/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  .profile-notifications {



    width: 570px;



    overflow: hidden; }



    .profile-notifications .profile-notification:nth-child(2n+2) {



      margin-right: 0; }



    .profile-notifications + .pager-wrap {



      text-align: center; }







  .profile-notification {



    float: left;



    width: 270px;



    height: 170px;



    margin-right: 30px; }



    .profile-notification .profile-notification-date {



      margin-right: 80px; }



    .profile-notification .profile-notification-body .user-avatar {



      top: 0; }



    .profile-notification .profile-notification-body p {



      line-height: 1.5em; }



    .profile-notification .profile-notification-type {



      float: none; } }



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



  .profile-notifications {



    width: 270px; }



    .profile-notifications .profile-notification {



      margin-right: 0; } }



.inbox-messages {



  border: 1px solid #ebebeb;



  padding-bottom: 36px;



  background-color: #fff; }



  .inbox-messages .inbox-message {



    border: none;



    border-bottom: 1px solid #ebebeb; }



  .inbox-messages .pager-wrap {



    text-align: right; }



    .inbox-messages .pager-wrap .pager {



      display: inline-block;



      margin: 36px 30px 0 0; }







.inbox-messages-preview {



  border: 1px solid #ebebeb;



  overflow: hidden; }



  .inbox-messages-preview.full .inbox-message-preview {



    float: none;



    width: 100%;



    height: auto; }



  .inbox-messages-preview.full .inbox-message-preview-body {



    height: auto;



    overflow: hidden;



    border-bottom: none;



    padding-bottom: 26px; }



  .inbox-messages-preview.full .comment-list {



    padding: 0;



    border: 0; }



    .inbox-messages-preview.full .comment-list .comment-wrap {



      padding: 36px 30px 0 116px; }



      .inbox-messages-preview.full .comment-list .comment-wrap.comment-reply {



        padding-top: 56px; }



        .inbox-messages-preview.full .comment-list .comment-wrap.comment-reply .user-avatar {



          top: 66px; }



        .inbox-messages-preview.full .comment-list .comment-wrap.comment-reply .comment-reply-form textarea {



          height: 140px; }



    .inbox-messages-preview.full .comment-list .user-avatar {



      left: 28px; }



  .inbox-messages-preview .inbox-messages, .inbox-messages-preview .inbox-message-preview {



    float: left;



    height: 730px; }



  .inbox-messages-preview .inbox-messages {



    width: 41%;



    border: none;



    border-right: 1px solid #ebebeb;



    padding-bottom: 0;



    overflow-y: auto;



    overflow-x: hidden; }



    .inbox-messages-preview .inbox-messages::-webkit-scrollbar {



      -webkit-appearance: none; }



    .inbox-messages-preview .inbox-messages::-webkit-scrollbar:vertical {



      width: 12px; }



    .inbox-messages-preview .inbox-messages::-webkit-scrollbar-thumb {



      background-color: #ebebeb;



      border-radius: 200px;



      border: 4px solid #fff; }



    .inbox-messages-preview .inbox-messages::-webkit-scrollbar-track {



      background-color: #fff; }



  .inbox-messages-preview .inbox-message-preview {



    width: 59%; }







.inbox-message-preview {



  background-color: #fff; }



  .inbox-message-preview .inbox-message-preview-header {



    height: 65px;



    border-bottom: 1px solid #ebebeb;



    padding: 0 24px; }



    .inbox-message-preview .inbox-message-preview-header .text-header, .inbox-message-preview .inbox-message-preview-header .report {



      line-height: 65px; }



    .inbox-message-preview .inbox-message-preview-header .text-header {



      float: left;



      font-size: 1.375em; }



      .inbox-message-preview .inbox-message-preview-header .text-header img {



        position: relative;



        top: -1px;



        left: 6px; }



    .inbox-message-preview .inbox-message-preview-header .report {



      float: right;



      color: #b2b2b2;



      font-size: 0.75em; }



  .inbox-message-preview .inbox-message-preview-body {



    height: 605px;



    padding-bottom: 60px;



    border-bottom: 1px solid #ebebeb;



    overflow-y: auto;



    overflow-x: hidden; }



    .inbox-message-preview .inbox-message-preview-body::-webkit-scrollbar {



      -webkit-appearance: none; }



    .inbox-message-preview .inbox-message-preview-body::-webkit-scrollbar:vertical {



      width: 12px; }



    .inbox-message-preview .inbox-message-preview-body::-webkit-scrollbar-thumb {



      background-color: #ebebeb;



      border-radius: 200px;



      border: 4px solid #fff; }



    .inbox-message-preview .inbox-message-preview-body::-webkit-scrollbar-track {



      background-color: #fff; }



    .inbox-message-preview .inbox-message-preview-body .message-preview {



      float: left;



      clear: both; }



      .inbox-message-preview .inbox-message-preview-body .message-preview:nth-child(even) {



        float: right;



        padding: 42px 80px 0 40px; }



        .inbox-message-preview .inbox-message-preview-body .message-preview:nth-child(even) .user-avatar {



          left: auto;



          right: 24px; }



        .inbox-message-preview .inbox-message-preview-body .message-preview:nth-child(even) p {



          text-align: right; }



  .inbox-message-preview .inbox-reply-form {



    height: 58px;



    padding: 0 145px 0 10px;



    position: relative; }



    .inbox-message-preview .inbox-reply-form input[type="text"] {



      height: 100%;



      border: none; }



    .inbox-message-preview .inbox-reply-form .button {



      position: absolute;



      top: 15px;



      right: 12px; }







.message-preview {



  max-width: 540px;



  padding: 42px 40px 0 80px;



  position: relative; }



  .message-preview .user-avatar {



    position: absolute;



    top: 40px;



    left: 24px; }



  .message-preview .text-header {



    margin-bottom: 4px; }



  .message-preview .timestamp {



    margin-bottom: 10px; }







.inbox-message {



  height: 65px;



  background-color: #fff;



  border: 1px solid #ebebeb; }



  .inbox-message.v2 {



    height: 112px;



    padding: 0 54px 0 102px;



    position: relative; }



    .inbox-message.v2 p {



      line-height: 1em; }



    .inbox-message.v2 .inbox-message-actions label {



      position: absolute;



      top: 28px;



      left: 14px;



      margin: 0; }



    .inbox-message.v2 .inbox-message-actions .starred {



      float: none;



      margin: 0;



      position: absolute;



      top: 68px;



      left: 57px; }



    .inbox-message.v2 .inbox-message-author {



      position: static;



      padding-left: 0; }



      .inbox-message.v2 .inbox-message-author .text-header {



        margin-top: 20px; }



        .inbox-message.v2 .inbox-message-author .text-header .message-icon {



          display: inline;



          position: relative;



          top: 2px;



          left: 10px; }



      .inbox-message.v2 .inbox-message-author .user-avatar {



        top: 22px;



        left: 45px; }



    .inbox-message.v2 .inbox-message-content {



      width: 100%;



      max-height: 40px;



      margin-top: 12px; }



      .inbox-message.v2 .inbox-message-content p {



        font-size: 0.75em; }



      .inbox-message.v2 .inbox-message-content .text-header, .inbox-message.v2 .inbox-message-content .description {



        max-width: 100%;



        line-height: 18px; }



      .inbox-message.v2 .inbox-message-content .text-header {



        margin-right: 8px; }



    .inbox-message.v2 .inbox-message-date {



      margin: 0;



      position: absolute;



      top: 27px;



      right: 28px; }



      .inbox-message.v2 .inbox-message-date p {



        font-size: 0.75em; }



    .inbox-message.v2 .inbox-message-type {



      display: none; }



  .inbox-message .inbox-message-actions, .inbox-message .inbox-message-author,



  .inbox-message .inbox-message-content, .inbox-message .inbox-message-date,



  .inbox-message .inbox-message-type {



    float: left; }



  .inbox-message p {



    font-size: 0.8125em;



    line-height: 65px; }



  .inbox-message .inbox-message-actions {



    padding-left: 15px; }



    .inbox-message .inbox-message-actions label {



      float: left;



      margin-top: 19px; }



    .inbox-message .inbox-message-actions .starred {



      float: left;



      width: 16px;



      height: 15px;



      margin: 25px 25px 0 12px;



      position: relative;



      cursor: pointer; }



      .inbox-message .inbox-message-actions .starred img[alt^="star"] {



        position: absolute;



        top: 0;



        left: 0; }



        .inbox-message .inbox-message-actions .starred img[alt^="star"].visible {



          display: block; }



        .inbox-message .inbox-message-actions .starred img[alt^="star"].hidden {



          display: none; }



  .inbox-message .inbox-message-author {



    width: 240px;



    padding-left: 56px;



    position: relative; }



    .inbox-message .inbox-message-author .text-header .message-icon {



      display: none; }



    .inbox-message .inbox-message-author .user-avatar {



      position: absolute;



      top: 12px;



      left: 0; }



  .inbox-message .inbox-message-content {



    width: 45%; }



    .inbox-message .inbox-message-content p {



      float: left; }



    .inbox-message .inbox-message-content .text-header, .inbox-message .inbox-message-content .description {



      overflow: hidden;



      text-overflow: ellipsis;



      white-space: nowrap; }



    .inbox-message .inbox-message-content .text-header {



      max-width: 22%;



      margin-right: 22px; }



      .inbox-message .inbox-message-content .text-header.normal {



        color: #888;



        font-weight: 600; }



    .inbox-message .inbox-message-content .description {



      max-width: 72%;



      color: #b2b2b2; }



  .inbox-message .inbox-message-date, .inbox-message .inbox-message-type {



    float: right; }



  .inbox-message .inbox-message-date {



    margin-right: 42px; }



  .inbox-message .inbox-message-type {



    width: 58px;



    height: 65px;



    position: relative; }



  .inbox-message .message-icon {



    color: #888;



    font-size: 18px;



    position: absolute;



    top: 23px;



    left: 0; }



    .inbox-message .message-icon.primary {



      color: #118ca7; }



    .inbox-message .message-icon.secondary {



      color: #1cbdf9; }



    .inbox-message .message-icon.tertiary {



      color: #e61852; }







.style-tool-bar {



  height: 53px;



  padding: 0 14px;



  border: 1px solid #ebebeb;



  border-bottom: none;



  border-top-left-radius: 4px;



  border-top-right-radius: 4px;



  overflow: hidden;



  position: relative;



  top: 2px; }



  .style-tool-bar .text-header {



    float: left;



    margin-right: 20px;



    font-size: 0.8125em;



    line-height: 53px; }



  .style-tool-bar .style-tool-bar-options {



    float: left;



    margin-top: 9px;



    overflow: hidden; }



    .style-tool-bar .style-tool-bar-options li {



      float: left;



      border-right: 1px solid #ebebeb; }



      .style-tool-bar .style-tool-bar-options li:first-child {



        border-left: 1px solid #ebebeb; }



      .style-tool-bar .style-tool-bar-options li p {



        padding: 0 14px;



        color: #b2b2b2;



        font-size: 0.8125em;



        font-weight: 700;



        line-height: 32px;



        cursor: pointer;



        transition: all .3s ease; }



        .style-tool-bar .style-tool-bar-options li p:hover {



          color: #151c22; }







/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  .inbox-messages-preview .inbox-messages, .inbox-messages-preview .inbox-message-preview {



    float: none;



    width: 100%; }



  .inbox-messages-preview .inbox-messages {



    height: 223px;



    border-right: none; }



    .inbox-messages-preview .inbox-messages .inbox-message:last-child {



      border-bottom: none; }



  .inbox-messages-preview.full .inbox-message-preview .inbox-message-preview-header {



    border-top: none; }



  .inbox-messages-preview .inbox-message-preview .inbox-message-preview-header {



    border-top: 1px solid #ebebeb; }



  .inbox-messages-preview .inbox-message-preview .inbox-message-preview-body {



    width: 100%; }







  .style-tool-bar {



    display: none; } }



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



  .form-popup.new-message {



    width: 80%; } }



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



  .inbox-messages-preview.full .comment-list .comment-wrap {



    padding-left: 66px; }



  .inbox-messages-preview.full .comment-list .user-avatar {



    left: 14px; } }



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



  .form-popup.new-message {



    width: 95%; }







  .inbox-message.v2 {



    padding-left: 50px; }



    .inbox-message.v2 .inbox-message-actions label {



      top: 40px; }



    .inbox-message.v2 .inbox-message-actions .starred {



      top: 76px;



      left: 15px; }



    .inbox-message.v2 .inbox-message-author .text-header .message-icon {



      position: absolute;



      top: 16px;



      left: 14px; }



    .inbox-message.v2 .inbox-message-author .user-avatar {



      display: none; }



    .inbox-message.v2 .inbox-message-date {



      top: 21px;



      right: 14px; }







  .inbox-messages-preview.full .inbox-message-preview .inbox-message-preview-body {



    height: auto; }



  .inbox-messages-preview .inbox-message-preview .inbox-message-preview-header {



    height: auto;



    padding-top: 20px;



    padding-bottom: 20px; }



    .inbox-messages-preview .inbox-message-preview .inbox-message-preview-header .text-header, .inbox-messages-preview .inbox-message-preview .inbox-message-preview-header .report {



      float: none;



      line-height: 1.5em; }



    .inbox-messages-preview .inbox-message-preview .inbox-message-preview-header .report {



      margin-top: 10px; }



  .inbox-messages-preview .inbox-message-preview .inbox-message-preview-body {



    height: 566px; }



    .inbox-messages-preview .inbox-message-preview .inbox-message-preview-body .message-preview:nth-child(even) {



      padding-right: 24px; }







  .message-preview {



    padding-left: 24px; }



    .message-preview .user-avatar {



      display: none; } }



.purchases-list {



  border: 1px solid #ebebeb;



  background-color: #fff;



  padding-bottom: 36px;



  overflow: hidden; }



  .purchases-list .pager-wrap {



    float: right;



    margin: 36px 30px 0 0; }







.purchases-list-header {



  height: 50px;



  border-bottom: 1px solid #ebebeb;



  overflow: hidden; }



  .purchases-list-header > * {



    float: left; }



  .purchases-list-header .text-header {



    line-height: 50px; }



  .purchases-list-header .purchases-list-header-price .text-header,



  .purchases-list-header .purchases-list-header-download .text-header,



  .purchases-list-header .purchases-list-header-recommend .text-header {



    text-align: center; }







.purchases-list-header-date,



.purchase-item-date {



  width: 11.9%;



  padding-left: 24px; }







.purchases-list-header-details,



.purchase-item-details {



  width: 33.6%; }







.purchases-list-header-info,



.purchase-item-info {



  width: 14.5%; }







.purchases-list-header-price,



.purchase-item-price {



  width: 11%; }







.purchases-list-header-download,



.purchase-item-download {



  width: 14.1%; }







.purchases-list-header-recommend,



.purchase-item-recommend {



  width: 14.9%; }







.purchase-item {



  height: 120px;



  border-bottom: 1px solid #ebebeb;



  overflow: hidden; }



  .purchase-item > * {



    float: left; }







.purchase-item-date p {



  font-size: 0.75em;



  line-height: 120px; }







.purchase-item-details {



  padding-top: 24px; }



  .purchase-item-details .item-preview .description {



    width: 180px; }







.purchase-item-info {



  padding-top: 24px; }



  .purchase-item-info p {



    font-size: 0.75em;



    line-height: 1em;



    margin-bottom: 6px; }







.purchase-item-price {



  padding-top: 44px; }



  .purchase-item-price .price {



    text-align: center; }







.purchase-item-download {



  padding-top: 40px; }



  .purchase-item-download .button {



    margin: 0 auto; }







.purchase-item-recommend {



  padding-top: 34px;



  text-align: center; }



  .purchase-item-recommend .recommendation-wrap {



    display: inline-block;



    margin-bottom: 12px; }



    .purchase-item-recommend .recommendation-wrap .recommendation:first-child {



      margin-right: 16px; }



  .purchase-item-recommend .text-header {



    font-size: 0.6875em; }







.recommendation-wrap {



  text-align: center; }



  .recommendation-wrap .recommendation-item {



    display: inline-block;



    margin: 0 100px 34px 0; }



    .recommendation-wrap .recommendation-item:last-child {



      margin-right: 0; }







/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  .purchases-list-header-date,



  .purchase-item-date {



    width: 14.9%; }







  .purchases-list-header-details,



  .purchase-item-details {



    width: 35.1%; }







  .purchases-list-header-info,



  .purchase-item-info {



    display: none; }







  .purchases-list-header-price,



  .purchase-item-price {



    width: 11%; }







  .purchases-list-header-download,



  .purchase-item-download {



    width: 19.1%; }







  .purchases-list-header-recommend,



  .purchase-item-recommend {



    width: 19.9%; } }



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



  .purchase-item-details .item-preview {



    padding-left: 0; }



    .purchase-item-details .item-preview .product-preview-image {



      display: none; }







  .purchases-list-header-date,



  .purchase-item-date {



    width: 22%; }







  .purchases-list-header-details,



  .purchase-item-details {



    width: 30%; }







  .purchases-list-header-price,



  .purchase-item-price {



    display: none; }







  .purchases-list-header-download,



  .purchase-item-download {



    width: 24%; }







  .purchases-list-header-recommend,



  .purchase-item-recommend {



    width: 24%; } }



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



  .purchases-list .pager-wrap {



    float: none;



    margin-right: 0;



    text-align: center; }



    .purchases-list .pager-wrap .pager {



      display: inline-block; }







  .purchases-list-header-date,



  .purchases-list-header-download,



  .purchases-list-header-recommend {



    display: none; }







  .purchases-list-header-details {



    width: 100%;



    text-align: center; }







  .purchase-item {



    height: auto;



    padding: 24px 0; }



    .purchase-item > * {



      float: none;



      width: 100%; }



    .purchase-item .purchase-item-date {



      padding: 0 0 10px; }



      .purchase-item .purchase-item-date p {



        text-align: center;



        line-height: 1em; }



    .purchase-item .purchase-item-details {



      padding-top: 0; }



      .purchase-item .purchase-item-details .item-preview {



        text-align: center; }



        .purchase-item .purchase-item-details .item-preview .description {



          margin: 0 auto; }



    .purchase-item .purchase-item-download {



      padding-top: 16px; }



    .purchase-item .purchase-item-recommend {



      padding-top: 18px; }







  .recommendation-wrap .recommendation-item {



    margin-right: 20px; }



    .recommendation-wrap .recommendation-item:last-child {



      margin-right: 0; } }



.pack-boxes {



  overflow: hidden;



  margin: 0 auto 26px; }



  .pack-boxes .pack-box {



    float: left;



    margin-right: 20px; }



    .pack-boxes .pack-box:nth-child(5n+5) {



      margin-right: 0; }







.pack-box {



  width: 218px;



  height: 218px;



  padding-top: 24px;



  border: 1px solid #ebebeb;



  background-color: #fff;



  position: relative; }



  .pack-box p {


    text-align: center; }



  .pack-box .pin {



    top: 12px;



    left: -6px; }



  .pack-box .text-header {



    margin-bottom: 32px; }



  .pack-box .price {



    line-height: 24px;



    margin-bottom: 18px;



    right: 10px; }



    .pack-box .price span {



      top: -5px;



      left: -7px; }



  .pack-box .credit {



    font-size: 0.8125em; }



  .pack-box .button {



    margin: 28px auto 0; }







/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  .pack-boxes {



    width: 944px;



    padding-left: 6px;



    margin-bottom: 6px; }



    .pack-boxes .pack-box {



      margin-bottom: 20px; }



      .pack-boxes .pack-box:nth-child(5n+5) {



        margin-right: 20px; }



      .pack-boxes .pack-box:nth-child(4n+4) {



        margin-right: 0; } }



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



  .pack-boxes {



    width: 706px; }



    .pack-boxes .pack-box:nth-child(4n+4) {



      margin-right: 20px; }



    .pack-boxes .pack-box:nth-child(3n+3) {



      margin-right: 0; } }



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



  .pack-boxes {



    width: 468px; }



    .pack-boxes .pack-box:nth-child(3n+3) {



      margin-right: 20px; }



    .pack-boxes .pack-box:nth-child(2n+2) {



      margin-right: 0; } }



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



  .pack-boxes {



    width: 230px; }



    .pack-boxes .pack-box {



      margin-right: 0; }



      .pack-boxes .pack-box:nth-child(3n+3) {



        margin-right: 0; } }



.statement-form > label {



  float: left;



  margin: 0 6px;



  line-height: 32px; }







.datepicker-wrap {



  float: left;



  position: relative; }



  .datepicker-wrap .icon-calendar {



    color: #b2b2b2;



    position: absolute;



    top: 8px;



    right: 8px;



    pointer-events: none; }







.sale-data {



  border: 1px solid #ebebeb;



  overflow: hidden;



  margin-bottom: 26px; }



  .sale-data .sale-data-item {



    float: left;



    width: 25%;



    border-right: 1px solid #ebebeb; }



    .sale-data .sale-data-item:last-child {



      border-right: none; }







.sale-data-item {



  height: 130px;



  padding: 65px 0 0 25px;



  background-color: #fff;



  position: relative; }



  .sale-data-item p {



    font-size: 0.8125em;



    line-height: 1em; }



  .sale-data-item .sl-icon {



    color: #118ca7;



    font-size: 30px;



    position: absolute;



    top: 20px;



    left: 23px; }



  .sale-data-item .text-header.big, .sale-data-item .price.big {



    float: left;



    margin-right: 12px; }



  .sale-data-item .price span {



    font-size: 0.61111em;



    top: -5px;



    left: -4px; }



  .sale-data-item .sale-data-item-info {



    margin-top: 5px; }



    .sale-data-item .sale-data-item-info .text-header {



      margin-bottom: 2px; }







.transaction-list {



  padding-bottom: 36px;



  border: 1px solid #ebebeb;



  background-color: #fff;



  overflow: hidden; }



  .transaction-list .transaction-list-item {



    border-bottom: 1px solid #ebebeb; }



  .transaction-list .pager-wrap {



    float: right;



    margin: 36px 32px 0 0; }







.transaction-list-header {



  height: 50px;



  border-bottom: 1px solid #ebebeb;



  overflow: hidden; }



  .transaction-list-header > * {



    float: left; }



  .transaction-list-header .text-header {



    line-height: 50px; }







.transaction-list-header-date,



.transaction-list-item-date {



  width: 14.5%;



  padding-left: 24px; }







.transaction-list-header-author,



.transaction-list-item-author {



  width: 17.25%; }







.transaction-list-header-item,



.transaction-list-item-item {



  width: 22.55%; }







.transaction-list-header-detail,



.transaction-list-item-detail {



  width: 10.75%; }







.transaction-list-header-code,



.transaction-list-item-code {



  width: 7.7%; }







.transaction-list-header-price,



.transaction-list-item-price {



  width: 7.5%; }







.transaction-list-header-cut,



.transaction-list-item-cut {



  width: 8.55%; }







.transaction-list-header-earnings,



.transaction-list-item-earnings {



  width: 8.2%; }







.transaction-list-header-icon,



.transaction-list-item-icon {



  width: 3%; }







.transaction-list-header-price p, .transaction-list-header-price .text-header, .transaction-list-item-price p, .transaction-list-item-price .text-header,



.transaction-list-header-cut p,



.transaction-list-header-cut .text-header, .transaction-list-item-cut p, .transaction-list-item-cut .text-header,



.transaction-list-header-earnings p,



.transaction-list-header-earnings .text-header, .transaction-list-item-earnings p, .transaction-list-item-earnings .text-header {



  text-align: center; }







.transaction-list-item {



  height: 50px; }



  .transaction-list-item > * {



    float: left; }



  .transaction-list-item p {



    font-size: 0.8125em;



    line-height: 50px; }



  .transaction-list-item .transaction-list-item-icon {



    padding-top: 18px; }







.transaction-icon {



  width: 13px;



  height: 13px;



  border-radius: 50%;



  background-color: #b2b2b2;



  position: relative; }



  .transaction-icon.primary {



    background-color: #118ca7; }



  .transaction-icon.secondary {



    background-color: #1cbdf9; }



  .transaction-icon.tertiary {



    background-color: #e61852; }



  .transaction-icon .svg-plus, .transaction-icon .svg-minus {



    fill: #fff;



    width: 5px;



    height: 5px;



    position: absolute;



    top: 4px;



    left: 4px; }







/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  .sale-data {



    width: 100%;



    margin: 0 auto 26px;



    border-right: none; }



    .sale-data .sale-data-item {



      width: 50%; }



      .sale-data .sale-data-item:nth-child(3n+3) {



        clear: left; }



      .sale-data .sale-data-item:last-child {



        border-right: 1px solid #ebebeb; }







  .transaction-list-header-item,



  .transaction-list-item-item {



    width: 31.1%; }







  .transaction-list-header-cut,



  .transaction-list-item-cut {



    display: none; } }



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



  .transaction-list-header-date,



  .transaction-list-item-date {



    width: 23%; }







  .transaction-list-header-author,



  .transaction-list-item-author {



    width: 25%; }







  .transaction-list-header-item,



  .transaction-list-item-item {



    width: 36%; }







  .transaction-list-header-detail,



  .transaction-list-item-detail {



    display: none; }







  .transaction-list-header-code,



  .transaction-list-item-code {



    display: none; }







  .transaction-list-header-price,



  .transaction-list-item-price {



    display: none; }







  .transaction-list-header-earnings,



  .transaction-list-item-earnings {



    width: 12%; }







  .transaction-list-header-icon,



  .transaction-list-item-icon {



    width: 4%; } }



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



  .sale-data {



    border-bottom: none; }



    .sale-data .sale-data-item {



      width: 100%;



      border-bottom: 1px solid #ebebeb; }







  .transaction-list {



    padding: 0 24px 36px; }







  .transaction-list-item {



    height: auto;



    padding: 20px 24px; }



    .transaction-list-item > * {



      float: none;



      width: 100%; }



    .transaction-list-item p, .transaction-list-item .text-header {



      line-height: 1em;



      text-align: left;



      margin-bottom: 6px; }



    .transaction-list-item .transaction-list-item-date,



    .transaction-list-item .transaction-list-item-icon {



      padding: 0; }







  .transaction-list-header-date,



  .transaction-list-header-author,



  .transaction-list-header-earnings,



  .transaction-list-header-icon {



    display: none; }







  .transaction-list-header-item {



    width: 100%; }



    .transaction-list-header-item .text-header {



      text-align: center; }







  .transaction-list-item-detail,



  .transaction-list-item-code,



  .transaction-list-item-price {



    display: block; } }



.graph-stats-list {



  margin: 0 auto 26px;



  overflow: hidden; }



  .graph-stats-list .graph-stats-list-item {



    float: left; }



    .graph-stats-list .graph-stats-list-item:last-child {



      margin-right: 0; }







.graph-stats-list-item {



  width: 23%;



  height: 170px;



  margin-right: 2.66666666%;



  padding: 18px 22px 0;



  border: 1px solid #ebebeb;



  background-position: center; }



  .graph-stats-list-item p, .graph-stats-list-item .text-header {



    color: #fff; }



  .graph-stats-list-item h2 {



    font-size: 2.625em;



    margin-bottom: 2px; }



  .graph-stats-list-item p {



    font-size: 0.8125em; }



  .graph-stats-list-item .text-header {



    font-size: 1em; }



  .graph-stats-list-item.green {



    background-color: #118ca7; }



  .graph-stats-list-item.blue {



    background-color: #108fe9; }



  .graph-stats-list-item.violet {



    background-color: #7c5ac2; }



  .graph-stats-list-item.red {



    background-color: #ea2e68; }



  .graph-stats-list-item.bars {



    background-image: url("../imgs/bars.png"); }



  .graph-stats-list-item.line {



    background-image: url("../imgs/line.png"); }



  .graph-stats-list-item.step {



    background-image: url("../imgs/step.png"); }



  .graph-stats-list-item.curve {



    background-image: url("../imgs/curve.png"); }







.form-box-item .chart-filters {



  position: absolute;



  top: 26px;



  right: 24px; }







.chart-filters {



  overflow: hidden; }



  .chart-filters .chart-filter {



    float: left;



    margin-right: 30px;



    cursor: pointer; }



    .chart-filters .chart-filter:last-child {



      margin-right: 0; }







.chart-filter p {



  float: left;



  margin-top: 4px;



  font-size: 0.6875em;



  line-height: 1em; }



.chart-filter .sl-icon {



  float: left;



  margin-right: 8px;



  color: #b2b2b2; }



  .chart-filter .sl-icon.primary {



    color: #118ca7; }



  .chart-filter .sl-icon.secondary {



    color: #1cbdf9; }



  .chart-filter .sl-icon.tertiary {



    color: #e61852; }



.chart-filter form {



  position: relative;



  top: -4px; }



  .chart-filter form .select-block select {



    height: 26px;



    border: none;



    padding: 0 26px 0 12px;



    color: #151c22;



    font-size: 12px;



    font-weight: 700;



    line-height: 26px; }



  .chart-filter form .select-block .svg-arrow {



    top: 8px;



    right: 5px; }



.chart-filter .chart-legend {



  margin-top: 2px; }



.chart-filter .chart-legend-item p {



  font-size: 0.6875em;



  margin-top: 0; }







.form-box-addon {



  border: 1px solid #ebebeb;



  border-top: none;



  padding: 32px 0 32px 48px;



  background-color: #fff;



  position: relative;



  top: -26px;



  overflow: hidden; }



  .form-box-addon .chart-wrap {



    float: left;



    margin-right: 6.8%;



    overflow: hidden; }



  .form-box-addon .chart-legend {



    margin-top: 26px; }



  .form-box-addon .chart-meta {



    margin-top: 4px; }







.main-activity-pie-chart-wrap {



  float: left;



  width: 100px;



  height: 100px;



  margin-right: 20px; }







.colors-pie-chart-wrap {



  width: 176px;



  height: 176px;



  margin: 0 auto 30px;



  position: relative; }



  .colors-pie-chart-wrap .chart-description {



    width: 100%;



    text-align: center;



    position: absolute;



    top: 68px; }



    .colors-pie-chart-wrap .chart-description .text-header:first-child {



      font-size: 1.75em;



      margin-bottom: 6px; }



    .colors-pie-chart-wrap .chart-description .text-header:last-child {



      font-size: 0.8125em; }







.bounce-pie-chart {



  width: 200px;



  height: 200px;



  padding-top: 56px;



  position: absolute;



  top: 0;



  left: 50%;



  margin-left: -100px; }



  .bounce-pie-chart p {



    font-size: 0.6875em;



    text-align: center; }



  .bounce-pie-chart .text-header.big {



    font-size: 3em;



    margin-bottom: 10px; }



  .bounce-pie-chart .text-header.small {



    font-size: 0.8125em;



    margin-bottom: 2px; }







.chart-legend {



  float: left; }



  .chart-legend.full {



    float: none;



    width: 100%; }



    .chart-legend.full .chart-legend-item {



      margin-bottom: 16px; }



  .chart-legend.inline {



    float: none;



    display: inline-block;



    overflow: hidden; }



    .chart-legend.inline .chart-legend-item {



      float: left;



      margin: 0 20px 0 0; }



      .chart-legend.inline .chart-legend-item:last-child {



        margin-right: 0; }



  .chart-legend .chart-legend-item {



    margin-bottom: 22px; }



    .chart-legend .chart-legend-item:last-child {



      margin-bottom: 0; }







.chart-legend-item {



  padding-left: 22px;



  position: relative;



  overflow: hidden; }



  .chart-legend-item .chart-legend-item-color {



    width: 14px;



    height: 14px;



    border-radius: 50%;



    position: absolute;



    top: 0;



    left: 0; }



    .chart-legend-item .chart-legend-item-color.lightgreen {



      background-color: #03f1b6; }



    .chart-legend-item .chart-legend-item-color.blue {



      background-color: #108fe9; }



    .chart-legend-item .chart-legend-item-color.violet {



      background-color: #7c5ac2; }



    .chart-legend-item .chart-legend-item-color.red {



      background-color: #ea2e68; }



    .chart-legend-item .chart-legend-item-color.yellow {



      background-color: #ffdc1b; }



  .chart-legend-item p {



    float: left;



    font-size: 0.75em;



    line-height: 15px; }



  .chart-legend-item .text-header {



    float: right; }







.chart-meta {



  overflow: hidden; }



  .chart-meta .chart-meta-item {



    float: left;



    margin-right: 8%; }



    .chart-meta .chart-meta-item:last-child {



      margin-right: 0; }







.chart-meta-item .price:first-child, .chart-meta-item .text-header:first-child {



  font-size: 2.625em; }



  .chart-meta-item .price:first-child > span, .chart-meta-item .text-header:first-child > span {



    font-size: 0.57143em;



    margin-right: 5px;



    top: -6px; }



.chart-meta-item .price:first-child {



  margin-bottom: 10px; }



.chart-meta-item .text-header:first-child {



  margin-bottom: 18px; }



.chart-meta-item .text-header, .chart-meta-item p {



  text-align: center; }



  .chart-meta-item .text-header:last-child, .chart-meta-item p:last-child {



    margin-top: 2px;



    font-size: 0.75em; }







.plain-text-box .plain-text-box-item {



  margin-bottom: 20px; }



  .plain-text-box .plain-text-box-item:last-child {



    margin-bottom: 0; }



  .plain-text-box .plain-text-box-item p {



    margin-bottom: 20px;



    font-size: 0.8125em;



    line-height: 20px; }



    .plain-text-box .plain-text-box-item p:last-child {



      margin-bottom: 0; }



  .plain-text-box .plain-text-box-item .text-header {



    margin-bottom: 0; }







.pg-bar-list .pg-bar-list-item {



  margin-bottom: 12px; }



  .pg-bar-list .pg-bar-list-item:last-child {



    margin-bottom: 0; }







.pg-bar-list-item .pg-bar-list-item-info {



  overflow: hidden; }



  .pg-bar-list-item .pg-bar-list-item-info p {



    font-size: 0.8125em; }



  .pg-bar-list-item .pg-bar-list-item-info .text-header:first-child {



    float: left; }



  .pg-bar-list-item .pg-bar-list-item-info .text-header:nth-child(2) {



    float: right; }



  .pg-bar-list-item .pg-bar-list-item-info .timestamp {



    clear: both;



    color: #888; }







.recent-activity .recent-activity-item {



  border-bottom: 1px solid #ebebeb; }



  .recent-activity .recent-activity-item:last-child {



    border-bottom: 0; }







.recent-activity-item {



  height: 60px;



  padding-left: 54px;



  position: relative;



  overflow: hidden; }



  .recent-activity-item p {



    font-size: 0.8125em;



    line-height: 60px; }



  .recent-activity-item .sl-icon {



    color: #888;



    font-size: 18px;



    position: absolute;



    top: 20px;



    left: 6px; }



  .recent-activity-item img[alt="close-icon"] {



    cursor: pointer;



    position: absolute;



    top: 26px;



    right: 7px; }







.recent-activity-item-timestamp,



.recent-activity-item-info {



  float: left; }







.recent-activity-item-timestamp {



  width: 15%; }



  .recent-activity-item-timestamp p {



    color: #b2b2b2; }







.recent-activity-item-info {



  width: 85%;



  padding-left: 32px;



  position: relative; }



  .recent-activity-item-info .user-avatar {



    position: absolute;



    top: 18px;



    left: 0; }







.popular-items .popular-item {



  border-bottom: 1px solid #ebebeb; }



  .popular-items .popular-item:last-child {



    border-bottom: none; }







.popular-item {



  height: 70px;



  padding: 20px 20px 0 46px;



  overflow: hidden;



  position: relative; }



  .popular-item .popular-item-info {



    float: left; }



    .popular-item .popular-item-info .product-preview-image {



      position: absolute;



      top: 18px;



      left: 0; }



    .popular-item .popular-item-info .text-header {



      margin-bottom: 4px; }



  .popular-item .popular-item-meta {



    float: right; }



    .popular-item .popular-item-meta .metadata {



      margin-top: 4px; }







.pie-chart-list {



  width: 520px;



  margin: 0 auto;



  overflow: hidden; }



  .pie-chart-list .pie-chart-item {



    float: left;



    margin: 0 40px 16px 0; }



    .pie-chart-list .pie-chart-item:nth-child(4n+4) {



      margin-right: 0; }







.pie-chart-item {



  width: 100px;



  position: relative; }



  .pie-chart-item .country-chart {



    width: 100px;



    height: 100px;



    margin: 0 auto 8px; }



  .pie-chart-item p {



    text-align: center; }



    .pie-chart-item p:last-child {



      font-size: 0.625em; }



  .pie-chart-item img[alt="country-image"] {



    position: absolute;



    top: 20px;



    left: 50%;



    margin-left: -30px; }







.text-icons {



  overflow: hidden; }



  .text-icons .text-icon {



    float: left;



    width: 146px;



    margin: 0 30px 40px 0;



    padding-top: 0; }



    .text-icons .text-icon:nth-child(3n+3) {



      margin-right: 0; }



    .text-icons .text-icon .text-header {



      margin-bottom: 2px; }



    .text-icons .text-icon p:last-child {



      font-size: 0.75em; }







.text-icon {



  padding: 4px 0 0 56px;



  position: relative; }



  .text-icon.light p:last-child {



    opacity: .5; }



  .text-icon .ticon {



    width: 42px;



    height: 42px;



    border-radius: 50%;



    position: absolute;



    top: 0;



    left: 0; }



    .text-icon .ticon .sl-icon {



      color: #fff;



      font-size: 18px;



      position: absolute;



      top: 12px;



      left: 12px; }



      .text-icon .ticon .sl-icon.icon-cup {



        left: 14px; }



    .text-icon .ticon.green {



      background-color: #118ca7; }



    .text-icon .ticon.blue {



      background-color: #38a9ff; }



    .text-icon .ticon.red {



      background-color: #ea2e68; }



    .text-icon .ticon.violet {



      background-color: #7c5ac2; }



  .text-icon .text-header {



    margin-bottom: 10px; }



  .text-icon p:last-child {



    font-size: 0.8125em;



    line-height: 20px; }







.slider-wrap {



  text-align: center; }







.numbers-slider .numbers-slider-item p {



  line-height: 1em;



  text-align: center; }



  .numbers-slider .numbers-slider-item p:last-child {



    font-size: 0.8125em;



    margin-top: 6px; }



.numbers-slider .numbers-slider-item .text-header.big {



  font-size: 4.5em;



  margin-bottom: 34px; }







.slider-pager {



  display: inline-block;



  margin-top: 40px;



  overflow: hidden; }



  .slider-pager > a {



    float: left;



    width: 10px;



    height: 10px;



    border-radius: 50%;



    background-color: #eff0f4;



    margin-right: 8px; }



    .slider-pager > a:last-child {



      margin-right: 0; }



    .slider-pager > a.active {



      background-color: #118ca7; }







/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  .form-box-item.has-chart-filter-simple .chart-filters {



    right: auto;



    top: 60px;



    left: 24px; }



  .form-box-item.has-chart-filter-simple h4 {



    margin-bottom: 54px; }







  .popular-item {



    padding-right: 0; }







  .pie-chart-list {



    width: 380px; }



    .pie-chart-list .pie-chart-item:nth-child(4n+4) {



      margin-right: 40px; }



    .pie-chart-list .pie-chart-item:nth-child(3n+3) {



      margin-right: 0; }







  .text-icons {



    width: 322px; }



    .text-icons .text-icon:nth-child(3n+3) {



      margin-right: 30px; }



    .text-icons .text-icon:nth-child(2n+2) {



      margin-right: 0; } }



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



  .form-box-item.has-chart-filter-simple .chart-filters {



    top: 26px;



    right: 24px;



    left: auto; }



  .form-box-item.has-chart-filter-simple h4 {



    margin-bottom: 22px; }







  .pie-chart-list {



    width: 520px; }



    .pie-chart-list .pie-chart-item:nth-child(3n+3) {



      margin-right: 40px; }



    .pie-chart-list .pie-chart-item:nth-child(4n+4) {



      margin-right: 0; }







  .text-icons {



    width: 520px; }



    .text-icons .text-icon:nth-child(2n+2) {



      margin-right: 30px; }



    .text-icons .text-icon:nth-child(3n+3) {



      margin-right: 0; } }



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



  .form-box-addon {



    padding-left: 0;



    text-align: center; }



    .form-box-addon .chart-wrap {



      float: none;



      display: inline-block;



      margin: 0 0 30px 0; }



    .form-box-addon .chart-meta-wrap {



      text-align: center; }



      .form-box-addon .chart-meta-wrap .chart-meta {



        display: inline-block; }



        .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item {



          margin-right: 50px; }



          .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item:last-child {



            margin-right: 0; }







  .chart-legend.full {



    width: 222px;



    margin-left: auto;



    margin-right: auto; } }



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



  .graph-stats-list {



    width: 570px;



    margin-bottom: 0; }



    .graph-stats-list .graph-stats-list-item {



      margin-bottom: 26px; }



      .graph-stats-list .graph-stats-list-item:nth-child(2n+2) {



        margin-right: 0; }







  .graph-stats-list-item {



    width: 270px;



    margin-right: 30px; }







  .form-box-item.has-chart-filter h4 {



    margin-bottom: 54px; }



  .form-box-item.has-chart-filter .chart-filters {



    right: auto;



    top: 60px;



    left: 24px; }







  .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item {



    margin-bottom: 30px; }



    .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item:nth-child(2n+2) {



      margin-right: 0; }



    .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item:nth-child(3n+3) {



      clear: left; }



    .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item:last-child {



      clear: left;



      margin-left: 40px; }







  .recent-activity {



    width: 510px;



    margin: 30px auto;



    overflow: hidden; }



    .recent-activity .recent-activity-item {



      float: left;



      width: 240px;



      height: auto;



      border: 1px solid #ebebeb;



      margin: 0 30px 30px 0;



      padding: 44px 24px 30px; }



      .recent-activity .recent-activity-item:nth-child(2n+2) {



        margin-right: 0; }



      .recent-activity .recent-activity-item:last-child {



        border-bottom: 1px solid #ebebeb; }



      .recent-activity .recent-activity-item p {



        line-height: 1em; }



      .recent-activity .recent-activity-item .sl-icon {



        top: 12px;



        left: 12px; }



      .recent-activity .recent-activity-item .recent-activity-item-timestamp,



      .recent-activity .recent-activity-item .recent-activity-item-info {



        width: 100%; }



      .recent-activity .recent-activity-item .recent-activity-item-timestamp p {



        position: absolute;



        top: 16px;



        left: 36px; }



      .recent-activity .recent-activity-item .recent-activity-item-info p {



        line-height: 20px; }



      .recent-activity .recent-activity-item .recent-activity-item-info .user-avatar {



        top: 6px;



        left: -10px; }



      .recent-activity .recent-activity-item img[alt="close-icon"] {



        top: 14px;



        right: 10px; } }



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



  .graph-stats-list {



    width: 270px; }



    .graph-stats-list .graph-stats-list-item {



      margin-right: 0; }







  .form-box-item.has-chart-filter .chart-filters .chart-filter {



    margin-right: 5px; }



    .form-box-item.has-chart-filter .chart-filters .chart-filter p, .form-box-item.has-chart-filter .chart-filters .chart-filter .text-header {



      display: none; }



    .form-box-item.has-chart-filter .chart-filters .chart-filter .chart-legend-item p {



      display: block; }







  .recent-activity {



    width: 240px; }



    .recent-activity .recent-activity-item {



      float: none;



      margin-right: 0; }







  .popular-item {



    height: auto;



    padding-bottom: 20px; }



    .popular-item .popular-item-info,



    .popular-item .popular-item-meta {



      float: none; }







  .pie-chart-list {



    width: 240px; }



    .pie-chart-list .pie-chart-item:nth-child(2n+2) {



      margin-right: 0; }







  .text-icons {



    width: 322px; }



    .text-icons .text-icon:nth-child(3n+3) {



      margin-right: 30px; }



    .text-icons .text-icon:nth-child(2n+2) {



      margin-right: 0; } }



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



  .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item {



    float: none;



    margin-right: 0; }



    .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item:last-child {



      margin-left: 0; }







  .form-box-item.has-chart-filter-full .chart-filters {



    right: auto;



    top: 60px;



    left: 24px; }



  .form-box-item.has-chart-filter-full h4 {



    margin-bottom: 54px; }







  .pie-chart-list {



    width: 100px; }



    .pie-chart-list .pie-chart-item {



      margin-right: 0; }







  .text-icons {



    width: 146px; }



    .text-icons .text-icon {



      margin-right: 0; }



      .text-icons .text-icon:nth-child(3n+3) {



        margin-right: 0; } }



.upload-file {



  overflow: hidden;



  margin-bottom: 34px; }



  .upload-file.multiupload .upload-file-actions .button {



    visibility: hidden; }



  .upload-file p {



    font-size: 0.8125em; }



  .upload-file .upload-file-actions {



    float: left;



    width: 50%; }



    .upload-file .upload-file-actions .button {



      float: left;



      width: 120px;



      margin-right: 25px; }



    .upload-file .upload-file-actions p {



      float: left;



      line-height: 30px; }



  .upload-file .upload-file-progress {



    float: right;



    width: 342px; }



    .upload-file .upload-file-progress .upload-bar, .upload-file .upload-file-progress .text-header {



      float: left; }



    .upload-file .upload-file-progress .upload-bar {



      width: 240px;



      top: 1px; }



    .upload-file .upload-file-progress .text-header {



      margin-left: 16px;



      line-height: 30px; }



    .upload-file .upload-file-progress .button {



      float: right;



      width: 30px; }







/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  .upload-file .upload-file-actions,



  .upload-file .upload-file-progress {



    float: none;



    width: 100%;



    overflow: hidden; }



  .upload-file .upload-file-progress {



    margin-top: 20px; }



    .upload-file .upload-file-progress .button {



      float: none;



      clear: left; } }



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



  .upload-file .upload-file-progress .upload-bar {



    width: 100%; }



  .upload-file .upload-file-progress .text-header {



    float: none;



    line-height: 1em;



    margin: 0;



    text-align: center; } }



.product-settings {



  width: 30px;



  height: 30px;



  border-radius: 2px;



  background-color: #151c22;



  position: absolute;



  top: 9px;



  right: 7px;



  z-index: 9000;



  cursor: pointer;



  transition: all .3s ease; }



  .product-settings.primary:hover, .product-settings.primary.active {



    background-color: #118ca7; }



  .product-settings.secondary:hover, .product-settings.secondary.active {



    background-color: #1cbdf9; }



  .product-settings.tertiary:hover, .product-settings.tertiary.active {



    background-color: #e61852; }



  .product-settings .sl-icon {



    color: #fff;



    font-size: 17px;



    position: relative;



    top: 6px;



    left: 6px; }



  .product-settings + .dropdown {



    box-shadow: 0px 0px 16px 0px rgba(1, 2, 0, 0.2);



    top: 54px;



    right: -8px; }



    .product-settings + .dropdown .dp-triangle {



      width: 0;



      height: 0;



      border-left: 8px solid transparent;



      border-right: 8px solid transparent;



      border-bottom: 8px solid #fff;



      position: absolute;



      top: -8px;



      right: 22px; }







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



  .dashboard-content .column4-wrap {



    width: 870px; }



    .dashboard-content .column4-wrap .column:nth-child(4n+4) {



      margin-right: 30px; }



    .dashboard-content .column4-wrap .column:nth-child(3n+3) {



      margin-right: 0; } }



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



  .dashboard-content .column4-wrap {



    width: 570px; }



    .dashboard-content .column4-wrap .column {



      margin-bottom: 60px; }



      .dashboard-content .column4-wrap .column:nth-child(3n+3) {



        margin-right: 30px; }



      .dashboard-content .column4-wrap .column:nth-child(2n+2) {



        margin-right: 0; } }



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



  .dashboard-content .column4-wrap {



    width: 270px; }



    .dashboard-content .column4-wrap .column {



      margin-right: 0; } }



.withdraw-history .transaction-history {



  position: relative;



  top: -22px; }







.transaction-history .transaction-history-item {



  border-bottom: 1px solid #ebebeb; }



  .transaction-history .transaction-history-item:last-child {



    border-bottom: none; }







.transaction-history-item {



  height: 50px;



  background-color: #fff;



  overflow: hidden; }



  .transaction-history-item p, .transaction-history-item .text-header {



    font-size: 0.8125em;



    line-height: 50px; }



  .transaction-history-item > * {



    float: left; }







.transaction-history-item-date {



  width: 23.3%; }







.transaction-history-item-mail {



  width: 48%; }







.transaction-history-item-amount {



  width: 17.2%; }







.transaction-history-item-status {



  width: 11.5%; }



  .transaction-history-item-status p {



    text-align: right; }







/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  .transaction-history-item {



    height: auto;



    padding: 20px 24px 14px; }



    .transaction-history-item p, .transaction-history-item .text-header {



      line-height: 1em;



      margin-bottom: 6px; }



    .transaction-history-item > * {



      float: none;



      width: 100%; }







  .transaction-history-item-status p {



    text-align: left; } }



.alert-boxes-preview {



  overflow: hidden; }



  .alert-boxes-preview .alert-boxes-preview-description {



    float: left;



    width: 38%; }



    .alert-boxes-preview .alert-boxes-preview-description p {



      font-size: 0.8125em;



      line-height: 20px;



      margin-bottom: 20px; }



      .alert-boxes-preview .alert-boxes-preview-description p:last-child {



        margin-bottom: 0; }



    .alert-boxes-preview .alert-boxes-preview-description .text-header {



      font-size: 0.875em;



      line-height: 1em; }



  .alert-boxes-preview .alert-boxes-preview-links {



    float: right;



    width: 55%; }



    .alert-boxes-preview .alert-boxes-preview-links .button {



      float: left;



      width: 48%;



      margin-bottom: 20px; }



      .alert-boxes-preview .alert-boxes-preview-links .button:nth-child(2n+2) {



        float: right; }







.alert-box {



  width: 300px;



  padding: 34px 24px 26px;



  border: 1px solid #ebebeb;



  background-color: #fff;



  box-shadow: 0px 0px 16px 0px rgba(1, 2, 0, 0.2);



  position: relative; }



  .alert-box p {



    font-size: 0.8125em;



    line-height: 20px; }



  .alert-box .text-header {



    font-size: 1em;



    line-height: 1em; }



  .alert-box img[alt="close-icon"] {



    position: absolute;



    top: 10px;



    right: 12px;



    opacity: .5;



    cursor: pointer; }



    .alert-box img[alt="close-icon"]:hover {



      opacity: 1; }



  .alert-box.survey {



    padding-top: 60px; }



    .alert-box.survey p {



      text-align: center; }



    .alert-box.survey .survey-img {



      width: 66px;



      height: 66px;



      position: absolute;



      top: -33px;



      left: 50%;



      margin-left: -33px; }



      .alert-box.survey .survey-img img {



        border-radius: 50%; }



    .alert-box.survey .text-header {



      margin-bottom: 20px; }



    .alert-box.survey .timestamp {



      margin: 10px 0 30px; }



    .alert-box.survey .button {



      width: 100%; }



  .alert-box.review .text-header {



    margin-bottom: 20px; }



  .alert-box.review .timestamp {



    margin: 10px 0 30px; }



  .alert-box.review .review-buttons {



    overflow: hidden; }



    .alert-box.review .review-buttons .button {



      float: left;



      width: 120px; }



      .alert-box.review .review-buttons .button:last-child {



        float: right; }



    .alert-box.review .review-buttons .sl-icon {



      font-size: 18px;



      position: relative;



      top: 3px; }



      .alert-box.review .review-buttons .sl-icon.icon-dislike {



        top: 4px; }



  .alert-box.item {



    min-height: 80px;



    padding: 20px 80px 12px 70px; }



    .alert-box.item .user-avatar {



      position: absolute;



      top: 20px;



      left: 16px; }



    .alert-box.item p.info {



      font-size: 0.6875em;



      line-height: 14px; }



    .alert-box.item p.timestamp {



      font-size: 0.625em; }



    .alert-box.item .sl-icon {



      color: #118ca7;



      font-size: 18px;



      position: absolute;



      top: 30px;



      right: 20px; }



  .alert-box.message {



    width: 400px;



    height: 140px;



    padding: 34px 40px 0 124px; }



    .alert-box.message.info .message-type {



      background: url("../imgs/alert-info.png") no-repeat 24px 40px #1cbdf9; }



    .alert-box.message.success .message-type {



      background: url("../imgs/alert-success.png") no-repeat 24px 40px #118ca7; }



    .alert-box.message.error .message-type {



      background: url("../imgs/alert-error.png") no-repeat 24px 40px #ea2e68; }



    .alert-box.message .message-type {



      width: 100px;



      height: 138px;



      position: absolute;



      top: 0;



      left: 0; }



    .alert-box.message .text-header {



      margin-bottom: 20px; }



    .alert-box.message .info {



      overflow: hidden; }












/*-------------------



  	MEDIA QUERIES



-------------------*/



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



  .alert-boxes-preview .alert-boxes-preview-description,



  .alert-boxes-preview .alert-boxes-preview-links {



    float: none;



    width: 100%; }



  .alert-boxes-preview .alert-boxes-preview-links {



    margin-top: 30px; } }



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



  .alert-boxes-preview .alert-boxes-preview-links .button {



    float: none;



    width: 100%; }



    .alert-boxes-preview .alert-boxes-preview-links .button:nth-child(2n+2) {



      float: none; } }



/* Apply Titillium Web universally */

#db-checker-ui,

#db-checker-ui * {

    font-family: 'Titillium Web', sans-serif !important;

}



/* --- Modern Message Boxes --- */

.msg-box {

    border-radius: 6px;

    padding: 16px;

    margin: 12px 0;

    font-size: 15px;

    line-height: 1.5;

}



.msg-error   { background:#fdecea; border:1px solid #f5c2c1; color:#7a1f1d; }

.msg-warn    { background:#fff7e1; border:1px solid #ffe3a3; color:#7a5c00; }

.msg-success { background:#e8f5e9; border:1px solid #b2dfbb; color:#1b5e20; }

.msg-info    { background:#e8f1ff; border:1px solid #b2c8ff; color:#1a3272; }



/* --- Modern Loader Container --- */

#loadingScreen {

    display:none;

    padding:20px;

    text-align:center;

font-family: 'Titillium Web', sans-serif !important;

}



/* --- Loading Text --- */

.loading-text {

    font-size:18px;

    font-weight:600;

    color:#333;

    margin-bottom:12px;

font-family: 'Titillium Web', sans-serif !important;

}



/* --- Progress Bar --- */

.progress-wrapper {

    width:100%;

    max-width:350px;

    height:10px;

    background:#e4e4e4;

    border-radius:5px;

    margin:0 auto;

    overflow:hidden;

}



.progress-bar {

    height:10px;

    width:0%;

    background:#4a8ef5;

    border-radius:5px;

    transition:width 0.3s linear;

}



/* --- Sub Text --- */

.loading-sub {

    margin-top:10px;

    font-size:13px;

    color:#666;

}


/* ================
   StreamCode Header Dropdown
   ================ */

.scs-user-menu {
    position: relative;
}

.scs-user-menu .user-quickview {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    cursor: pointer;
}

.scs-user-menu .user-name {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}

/* Dropdown container */
.scs-dropdown {
    position: absolute;
    top: 60px;
    right: 10px;
    width: 190px;
    background: #1c1b22;
    border-radius: 12px;
    padding: 10px 0;
    list-style: none;
    box-shadow: 0 8px 35px rgba(0,0,0,0.35);
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    transition: all 0.25s ease;
    z-index: 2000;
}

/* When opened */
.scs-dropdown.open {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.scs-dropdown li {
    padding: 0;
    margin: 0;
}

.scs-dropdown li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    font-size: 14px;
    color: #e8e8e8;
    text-decoration: none;
    transition: 0.2s;
}

.scs-dropdown li a:hover {
    background: rgba(255,255,255,0.08);
    padding-left: 25px;
}

/* Logout item (highlighted) */
.scs-dropdown li.logout a {
    color: #ff6b6b;
}

.scs-dropdown li.logout a:hover {
    background: rgba(255,0,0,0.08);
}

/* Arrow styles */
.trigger-dropdown {
    width: 18px;
    height: 18px;
    fill: #fff;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.scs-dropdown.open ~ .trigger-dropdown {
    transform: rotate(180deg);
}

/* -------------------------------------------------
   GENERAL POST TEXT / RESET
   ------------------------------------------------- */
.comment-wrap,
.comment-wrap p,
.comment-wrap strong,
.comment-wrap em,
.comment-wrap span,
.comment-wrap div,
.comment-wrap blockquote {
    font-family: system-ui, sans-serif;
    color: #333;
    line-height: 1.6;
    font-size: 15px;
}

/* Make sure no old theme styles leak into posts */
/* Reset + enforce correct site font for forum posts */
.comment-wrap,
.comment-wrap *:not(pre):not(code) {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    color: var(--text-color);
    line-height: 1.6;
    font-size: 13px;
}

/* -------------------------------------------------
   CODE BLOCKS
   ------------------------------------------------- */

/* FINAL & ONLY valid code block styling */
pre.forum-code {
    background: #f5f5f5;
    border-left: 3px solid #f36d33;
    padding: 15px;
    margin: 12px 0;
    overflow-x: auto;
    border-radius: 6px;

    /* typography */
    color: #2a3136;
    font-family: Consolas, Monaco, "Courier New", monospace;
    font-size: 14px;
    line-height: 1.4;

    white-space: pre-wrap;
    word-wrap: break-word;
}

/* Ensure only the <code> element inherits monospaced font */
pre.forum-code code {
    font-family: inherit;
    color: inherit;
}


/* -------------------------------------------------
   QUOTE BLOCKS
   ------------------------------------------------- */
.forum-quote {
    border-left: 4px solid #3498db;
    background: #f5f9ff;
    padding: 10px 15px;
    margin: 12px 0;
    color: #333;
    font-style: italic;
    border-radius: 4px;
}


/* -------------------------------------------------
   IMAGES
   ------------------------------------------------- */
.forum-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px 0;
    border-radius: 4px;
}


/* -------------------------------------------------
   BBCode Toolbar
   ------------------------------------------------- */
.bb-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}

.bb-toolbar button {
    background: #e9ecf3;
    border: 1px solid #c7ceda;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: background .15s;
}

.bb-toolbar button:hover {
    background: #dfe5ef;
}

.bb-toolbar button:active {
    background: #cfd6df;
}


/* -------------------------------------------------
   ALERT BOXES
   ------------------------------------------------- */
.scs-success,
.scs-warn,
.scs-error {
    font-size: 13px;
    margin: 10px;
    padding: 16px;
    border-radius: var(--border-radius);
    background-color: #f9fafb;
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow);
}

.scs-success { border-left: 6px solid var(--success-color); }
.scs-warn    { border-left: 6px solid var(--warning-color); }
.scs-error   { border-left: 6px solid var(--danger-color); }


/* -------------------------------------------------
   ADMIN TOOLS (top-right)
   ------------------------------------------------- */
.adm-btn {
    position: relative !important;
    float: none !important;
    display: inline-block !important;
    clear: none !important;
    white-space: nowrap !important;
    margin: 0 4px !important;

    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    color: #fff !important;
    text-decoration: none !important;
}

.adm-btn.pin    { background: #5cb85c !important; }
.adm-btn.close  { background: #f0ad4e !important; }
.adm-btn.delete { background: #d9534f !important; }

.admin-tools-table {
    width: 100% !important;
    margin-bottom: 6px;
}

.admin-tools-right {
    text-align: right !important;
}


/* -------------------------------------------------
   RATING SYSTEM
   ------------------------------------------------- */
.rating .svg-star {
    width: 18px !important;
    height: 18px !important;
    display: inline-block !important;
    fill: #ffc107 !important;
}

.rating-item {
    display: inline-block;
    margin-right: 2px;
}

svg, svg * {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
}