/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

html {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    font-family: 'Roboto', sans-serif; /*Corbel, Calibri, Arial !important;*/
    line-height: 20px; /*15px;*/
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-size: 62.5%;
    letter-spacing: normal;
    direction: ltr;
    overflow-x: hidden;
}

.reset-size {
    font-size: 100%;
}

.main-wrapper {
    min-height: 100%;
    position: relative;
}

.main-section {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 87px;
    padding-bottom: 10px; /*** Without 158ltd.com footer logo ***/
}

.footer-section {
    position: absolute;
    bottom: 0;
    width: 10%;
    height: 3%;
    right: 0;
    /* Height of the footer */
    /* 
    height:60px; 
    */
}

.reset-item {
    padding: 0;
    margin: 0;
}

.flexible-image {
    width: 100%;
}

img {
    border: none;
}

.margin-top-10 {
    margin-top: 1em;
}

.margin-top-5 {
    margin-top: 0.5em !important;
}

.margin-top-2 {
    margin-top: 0.2em !important;
}
.margin-top-20 {
    margin-top: 2em;
}

/**** Floats ****/
.float-left,
.wrapper-grid-a > .wrapper-block-a,
.wrapper-grid-b > .wrapper-block-a,
.wrapper-grid-b > .wrapper-block-b,
.wrapper-grid-b > .wrapper-block-c,
.wrapper-grid-c > .wrapper-block-a,
.wrapper-grid-f > .wrapper-block-a,
.wrapper-grid-f > .wrapper-block-b,
.wrapper-grid-f > .wrapper-block-c,
.wrapper-grid-f > .wrapper-block-d,
.wrapper-grid-f > .wrapper-block-e,
.wrapper-grid-g > .wrapper-block-a,
.wrapper-grid-g > .wrapper-block-b,
.wrapper-grid-g > .wrapper-block-c,
.wrapper-grid-g > .wrapper-block-d,
.wrapper-grid-e > .wrapper-block-a,
.wrapper-grid-j > .wrapper-block-a,
.wrapper-grid-h > .wrapper-block-a,
.wrapper-grid-h > .wrapper-block-c,
.wrapper-grid-i > .wrapper-block-a,
.wrapper-grid-k > .wrapper-block-a,
.wrapper-grid-k > .wrapper-block-b,
.wrapper-grid-l > .wrapper-block-a,
.wrapper-grid-m > .wrapper-block-a {
    float: left;
}

.float-right,
.wrapper-grid-a > .wrapper-block-b,
.wrapper-grid-c > .wrapper-block-b,
.wrapper-grid-e > .wrapper-block-b,
.wrapper-grid-j > .wrapper-block-b,
.wrapper-grid-k > .wrapper-block-c, 
.wrapper-grid-h > .wrapper-block-b,
.wrapper-grid-l > .wrapper-block-b {
    float: right;
}

.clear {
    clear: both;
}

.container-clear-floats:after,
.wrapper-grid-a:after,
.wrapper-grid-b:after,
.wrapper-grid-c:after,
.wrapper-grid-e:after,
.wrapper-grid-f:after,
.wrapper-grid-g:after,
.wrapper-grid-j:after,
.wrapper-grid-h:after,
.wrapper-grid-i:after,
.wrapper-grid-k:after,
.wrapper-grid-l:after,
.list-float-left:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

/*** Clear - IE Fix ***/
.container-clear-floats,
.wrapper-grid-a,
.wrapper-grid-b,
.wrapper-grid-c,
.wrapper-grid-e,
.wrapper-grid-f,
.wrapper-grid-g,
.wrapper-grid-j,
.wrapper-grid-h,
.wrapper-grid-i,
.wrapper-grid-k,
.wrapper-grid-l,
.list-float-left {
    display: inline-block;
    display: block;
    zoom: 1;
}
/*** Clear - IE Fix ***/
/**** END Floats ****/

/**** Display *******/
.display-none {
    display: none !important;
}

.display-block {
    display: block;
}

.display-flex {
    display: flex !important;
}
.items-centered {
    display: flex;
    align-items: center;
}

.display-inline {
    display: inline;
}
.display-inline-flex {
    display: inline-flex;
}

.display-inline-flex {
    display: inline-flex;
}
.div-no-wrap-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
    /*padding: 5px;*/
}

.div-no-wrap-text-in-flex {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-basis: 90%;
    /*display: inline-block;*/
    /*max-width: 75%;*/
    /*padding: 5px;*/
}
.flex-grow-2 {
    flex-grow: 2;
}

.td-handle-long-text {
    max-width: 4vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.padding-5px {
    padding: 5px !important;
}

.display-inline-block {
    display: inline-block;
}
/**** END Display *****/

/**** Opacity *****/
.opacity-zero {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
}

.opacity-full-visible {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
}
/**** END Opacity *****/

.hidden {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

.position-absolute {
    position: absolute;
}

.position-fixed {
    position: fixed;
}

.position-relative {
    position: relative;
}

.posision-right {
    right: 0;
}

/********************* Text *********************/
.text-align-left {
    text-align: left;
}

.text-align-center,
.box-text {
    text-align: center;
}

.text-align-right {
    text-align: right;
}

.text-decoration-none {
    text-decoration: none;
}

.underline {
    text-decoration: underline;
}

.justify {
    text-align: justify;
}

.font-weight-normal {
    font-weight: normal;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.lowercase {
    text-transform: lowercase;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.hover-underline:hover {
    text-decoration: underline;
}

.hover-gray:hover {
    background: #C8C8C8;
}

.hover-orange:hover {
    background: #fffbe9;
}

.text-ellipsis {
    -webkit-text-overflow: ellipsis;
    -khtml-text-overflow: ellipsis;
    -icab-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.outline-none {
    outline: none;
}

.text-overflow {
    overflow: hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -khtml-text-overflow: ellipsis;
    -icab-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.color-inherit {
    color: inherit;
}

.text-link {
    text-decoration: none;
}

    .text-link:hover {
        text-decoration: underline;
    }
/********************* Text *********************/

.overflow-hidden {
    overflow: hidden;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.overflow-auto {
    overflow: auto;
}

.white-space-nowrap {
    white-space: nowrap;
}

/********************* Width *********************/
.fill-parent {
    width: 100%;
}

/***************** Layouts Dimensions **********/
/*********** grid-a ***********/
.wrapper-grid-a > .wrapper-block-a,
.wrapper-grid-a > .wrapper-block-b {
    width: 50%;
}
/*********** grid-b ***********/
.wrapper-grid-b > .wrapper-block-a,
.wrapper-grid-b > .wrapper-block-c {
    width: 25%;
}

.wrapper-grid-b > .wrapper-block-b {
    width: 40%;
    margin: 0% 5%;
}
/*********** grid-c ***********/
.wrapper-grid-c > .wrapper-block-a,
.wrapper-grid-c > .wrapper-block-b {
    width: 45%;
}

.wrapper-grid-c > .wrapper-block-c {
    width: 90%;
}
/*********** grid-e ***********/
.wrapper-grid-e > .wrapper-block-a {
    width: 65%;
    margin-right: 5%;
}

.wrapper-grid-e > .wrapper-block-b {
    width: 30%;
}
/*********** grid-f ***********/
.wrapper-grid-f > .wrapper-block-a,
.wrapper-grid-f > .wrapper-block-b,
.wrapper-grid-f > .wrapper-block-c,
.wrapper-grid-f > .wrapper-block-d,
.wrapper-grid-f > .wrapper-block-e {
    width: 20%;
}
/*********** grid-g ***********/
.wrapper-grid-g > .wrapper-block-a,
.wrapper-grid-g > .wrapper-block-b,
.wrapper-grid-g > .wrapper-block-c,
.wrapper-grid-g > .wrapper-block-d {
    width: 25%;
}
/*********** grid-j ***********/
.wrapper-grid-j > .wrapper-block-a {
    width: 25%;
}

.wrapper-grid-j > .wrapper-block-b {
    width: 74%;
}
/*********** grid-h ***********/
.wrapper-grid-h > .wrapper-block-a {
    width: 20%;
}

.wrapper-grid-h > .wrapper-block-b {
    width: 50%;
}

.wrapper-grid-h > .wrapper-block-c {
    width: 25%;
}
/*********** grid-i ***********/
.wrapper-grid-i > .wrapper-block-a {
    width: 14.25%;
}

/*********** grid-k ***********/
.wrapper-grid-k > .wrapper-block-a,
.wrapper-grid-k > .wrapper-block-c {
    width: 31.33%;
}

.wrapper-grid-k > .wrapper-block-b {
    width: 31.33%;
    margin: 0 3%;
}

/*********** grid-l ***********/
.wrapper-grid-l > .wrapper-block-a {
    width: 16.6%;
}

.edit-project-page .wrapper-grid-l > .wrapper-block-a {
    width: 13.6%;
}

.wrapper-grid-m > .wrapper-block-a {
    width: 16.1%;
}

/***************** END Layouts Dimensions *********/

/********************* Width *********************/
/********************* Cursor *********************/
.cursor-pointer {
    cursor: pointer;
}
/********************* Cursor *********************/
.color-success, .color-green {
    color: #5cb85c;
}

.background-success, .background-green {
    background-color: #5cb85c;
}
.background-red, .background-danger {
    background-color: #ef1b1b;
}

.color-danger, .color-red {
    color: #d9534f;
}

.color-light-red {
    color: #ff0700;
}

.color-black {
    color: #000;
}

.color-white {
    color: #fff;
}
.color-info {
    color: #5bc0de;
}
.color-purple {
    color: #a969ef;
}
.background-purple {
    background-color: #a969ef;
}
.color-grey {
    color: #666666;
}

/********************* Outline *********************/
textarea,
select,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="text"],
input[type="url"] {
    outline: none;
}

/********************* List *********************/
.reset-list {
    margin: 0;
    padding: 0;
    padding-bottom: 13px;
    list-style: none;
}

.list-inline > li {
    display: inline;
}

.list-float-left > li {
    float: left;
}

.list-style-lower-alpha {
    list-style: lower-alpha;
}

.list-style-upper-alpha {
    list-style: upper-alpha;
}

/******** Fix for numeric list *****/
.numberic-list-wrapper {
    counter-reset: section;
}

.numberic-list-main {
    counter-reset: subsection;
    counter-reset: childsubsection;
    list-style: none;
}

    .numberic-list-main > li:before {
        counter-increment: section;
        content: counter(section) ". ";
    }

.numberic-list-main-sublist {
    counter-reset: childsubsection;
    list-style: none;
}

    .numberic-list-main-sublist > li:before {
        counter-increment: subsection;
        content: counter(section) "." counter(subsection) ". ";
    }

.numberic-list-main-sublist-child {
    list-style: none;
}

    .numberic-list-main-sublist-child > li:before {
        counter-increment: childsubsection;
        content: counter(section) "." counter(subsection) "." counter(childsubsection) ". ";
    }

.numberic-list-sublist-reset-item:before {
    counter-reset: subsection;
}
/******** Fix for numeric list *****/

/********************* Table *********************/
.table {
    display: table;
}

.inline-table {
    display: inline-table;
}

.border-collapse {
    border-collapse: collapse;
}

.td {
    display: table-cell;
    vertical-align: middle;
}

/********************* Pagination *********************/
.pages {
    text-align: center;
}

.topPages {
    margin-bottom: 0.5em;
}

.numbers,
.pagination_next,
.pagination_previous,
.active_page {
    padding: 0.2em 0.5em;
    margin-right: 0.2em;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #ccc;
    -moz-box-shadow: 0 0 2px #ccc;
    -ms-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
}

.active_page {
    background-color: #ef8413;
    border: .1em solid #ef8413;
    color: #fff;
}

.numbers,
.pagination_next,
.pagination_previous {
    color: #009ee0;
    border: .1em solid #ddd;
    background-color: #fff;
    text-decoration: none;
}

    .numbers:hover,
    .pagination_next:hover,
    .pagination_previous:hover {
        color: #fff;
        border: .1em solid #009ee0;
        background-color: #009ee0;
    }

/********************* END Pagination *********************/
/********************* Triangle *********************/
.arrow {
    width: 0;
    height: 0;
}

.middle-arrow {
    margin: 0 auto;
}
/********************* Triangle *********************/



/********************* Form Elements ***************/
.form-field-content .form-field-inline-text {
    vertical-align: top;
    display: inline-block;
    width: 20%;
    margin: 0 2% 0 0;
}

.input-text-field {
    width: 98%;
}

.input-inline {
    display: inline-block;
    width: 60%;
}

/************** Select ***********/
.select-box select {
    cursor: pointer;
    -webkit-appearance: button;
    -moz-appearance: button;
    width: 100%;
    min-height: 100%;
    max-width: 100%;
    z-index: 2;
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    left: 0;
    top: 0;
}
/************** Select ***********/

/************** Submit Button ***********/
.button-hidden {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    -webkit-appearance: button;
    -moz-appearance: button;
    opacity: .1;
    -ms-filter: "alpha(opacity=.0001)";
    filter: Alpha(Opacity=.0001);
    background: white;
    background: rgba(255, 255, 255, 0);
    font-size: 1px;
    line-height: 999px;
    border: none;
    cursor: pointer;
}
/************** Submit Button ***********/
/************** Radio butons && Checkboxs ***********/

/************** Radio butons ***********/

/********************* Form Elements ***************/

/********************* Buttons *********************/
.button-container {
    position: relative;
    display: block;
}

/************** Textarea ***********/
.textarea-transparent {
    background-color: transparent;
    border: medium none;
    outline: medium none;
    resize: none;
}
/************** Textarea ***********/

.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 22px;
}

.switch .switch-checkbox {display:none;}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: -4px;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch-checkbox:checked + .slider {
    background-color: #21f323;
}

.switch-checkbox:checked ~ .slider-on-text {
    display: block;
}
.switch-checkbox:checked ~ .slider-off-text {
    display: none;
}

.slider-off-text {
    position: absolute;
    z-index: 999;
    left: 20px;
    padding: 1px;
    display: block;
    font-size: 14px;
}
.slider-on-text {
    position: absolute;
    z-index: 999;
    left: 4px;
    padding: 1px;
    font-size: 14px;
    display: none;
}

.switch-checkbox:focus + .slider {
    box-shadow: 0 0 1px #21f323;
}

.switch-checkbox:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}