@charset "utf-8";

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

@import "./fonts.css";

/*------------------------------------------------------------------*/
.disabled {
    color: #ccc!important;
    cursor: no-drop!important;
    display: block;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: capitalize;
    font-family: r-rg;
}

.tooltip {
    z-index: 1100 !important;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
}

body {
    font-weight: normal;
    line-height: 1.5;
    transition: all .3s;
}

select {
    display: inline-block;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

label {
    cursor: default !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

nav ul {
    list-style: none;
}

ul {
    list-style: none;
}

iframe {
    width: 100% !important;
    border: 0 !important;
}

::-moz-selection {
    background-color: #ffab00;
    color: #000;
}

::selection {
    background-color: #ffab00;
    color: #fff;
}

p {
    line-height: 1.5;
}

a,
a:hover,
a:visited,
a:link {
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input,
select,
textarea {
    vertical-align: middle;
    margin: 0;
    padding: 0;
    outline: 0;
}

textarea {
    resize: none;
}

img {
    vertical-align: middle;
    border-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: normal;
    line-height: 1.3;
    color: #515365;
}

.wrapper {
    position: relative;
}

.modal-open {
    overflow: hidden !important;
    overflow-y: hidden;
}

.modal-content {
    box-shadow: 0 0 150px 0 rgba(255, 211, 31, 0.54);
    float: left;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.modal-backdrop.in {
    opacity: .95;
}

.modal-backdrop {
    z-index: 99999;
}

.row {
    margin-bottom: 0;
}

.close {
    float: right;
    font-weight: normal;
    line-height: 1;
    color: #515365;
    filter: alpha(opacity=100);
    opacity: 1;
}

.close:focus,
.close:hover {
    color: #515365;
    filter: alpha(opacity=100);
    opacity: 1;
}

.form-control {
    box-sizing: border-box !important;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    border: 1px solid #dfdfdf;
    font-size: 14px;
}

.form-control:focus {
    border-bottom-color: #ffab00 !important;
    box-shadow: 0 1px 0 0 #ffab00 !important;
}


/* ***************** loader ****************** */

.page-loader {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 100000
}

.loader {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 3px solid rgba(0, 0, 0, .08);
    border-right: 3px solid rgba(0, 0, 0, .08);
    border-bottom: 3px solid rgba(0, 0, 0, .08);
    border-left: 3px solid #ffab00;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 100001
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


/* =================== Header ===================== */

.header {}

.top-bar {
    background-color: #1f2227;
}

.top-bar .bar-left {
    float: left;
}

.top-bar .bar-left ul li {
    display: inline-block;
    float: left;
}

.top-bar .bar-left ul li a {
    color: #a6a7a9;
    display: inline-block;
    border-right: 1px solid rgba(166, 167, 169, 0.15);
    padding: 12px;
    font-size: 11px;
    text-transform: uppercase;
    transition: all .3s;
}

.top-bar .bar-left ul li a:hover {
    color: #fff;
    background-color: #181c22;
    transition: all .3s;
}

.top-bar .bar-right {
    float: right;
}

.top-bar .bar-right ul li {
    display: inline-block;
    float: left;
}

.top-bar .bar-right ul li a {
    display: inline-block;
    color: #a6a7a9;
    border-right: 1px solid rgba(166, 167, 169, 0.15);
    padding: 12px;
    font-size: 11px;
    text-transform: uppercase;
    transition: all .3s;
}

.top-bar .bar-right ul li a:hover,
.top-bar .bar-right ul li .dropdown-button.active {
    color: #fff;
    background-color: #181c22;
    transition: all .3s;
}

.top-bar .bar-right ul li a i {
    margin-left: 5px;
    transition: all .3s;
}

.top-bar .bar-right ul li .dropdown-button.active i {
    transform: rotate(180deg);
    transition: all .3s;
}

.top-bar .bar-right ul li .dropdown-content {
    top: 101% !important;
    background-color: transparent;
    width: 84px !important;
    min-width: 84px;
    z-index: 9999;
}

.top-bar .bar-right ul li .dropdown-content li {
    display: block;
    line-height: normal;
    min-height: 0;
    cursor: default;
}

.top-bar .bar-right ul li .dropdown-content li a {
    display: block;
    background-color: #181c22;
    border: 0;
    padding: 8px;
    line-height: normal;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
}

.top-bar .bar-right ul li .dropdown-content li a:hover {
    background-color: #0d1117;
}


/* ******************* Header-Content **************** */

.header-content {
    background-color: #fff;
    padding: 30px 0;
}

.header-content .logo {
    float: left;
}

.header-content .logo h1,
.header-content .logo a {
    color: #323232;
    text-transform: uppercase;
    font-family: r-bd;
    font-size: 30px;
}

.header-content .logo img {
    width: 160px;
    max-width: 160px;
}

.header-content .head-right-content {
    float: right;
}

.header-content .head-right-content .search {
    float: left;
}

.header-content .head-right-content .form-group {
    margin-bottom: 0;
    position: relative;
}

.header-content .head-right-content .form-control {
    height: 40px;
    border: 1px solid rgba(162, 162, 162, 0.38);
    padding-left: 15px;
    font-size: 13px;
    box-sizing: border-box;
    margin: 0;
    min-width: 250px;
    border-radius: 5px;
}

.header-content .head-right-content .form-control:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-bottom-color: #ffab00 !important;
    box-shadow: 0 1px 0 0 #ffab00 !important;
}

.header-content .head-right-content .form-group .srch-btn {
    position: absolute;
    height: 38px;
    top: 1px;
    right: 1px;
    border: 0;
    border-left: 1px solid rgba(162, 162, 162, 0.38);
    width: 40px;
    line-height: 40px;
    background-color: transparent;
    padding: 0;
    color: #9a9a9a;
}

.header-content .head-right-content .head-right-extra {
    float: right;
}

.logged-user .header-content .head-right-content .head-right-extra {
    padding-top: 10px;
}

.header-content .head-right-content .head-right-extra ul li {
    display: inline-block;
    position: relative;
}

.header-content .head-right-content .head-right-extra ul li a {
    height: 40px;
    border: 1px solid rgba(162, 162, 162, 0.38);
    width: 40px;
    text-align: center;
    position: relative;
    display: inline-block;
    line-height: 40px;
    color: #9a9a9a;
    margin-left: 5px;
    transition: all .3s;
    border-radius: 5px;
}

.header-content .head-right-content .head-right-extra ul li a:hover {
    background-color: #ffab00;
    border-color: #ffab00;
    color: #212121;
    transition: all .3s;
}

.header-content .head-right-content .head-right-extra ul li a.has-dropdown-search {
    border-radius: 5px;
    display: none;
}

.header-content .head-right-content .head-right-extra ul li .dropdown-content {
    top: 103% !important;
    right: 0;
    left: auto !important;
    width: 100px !important;
    min-width: 160px !important;
    border-radius: 5px;
    box-shadow: 1px 5px 20px 3px rgba(0, 0, 0, 0.12);
}

.header-content .head-right-content .head-right-extra ul li #dropdown2 {
    min-width: 220px!important;
    border-radius: 5px !important;
}

.header-content .head-right-content .head-right-extra ul li #dropdown2 .form-control {
    min-width: 100%;
}

.header-content .head-right-content .head-right-extra ul li .dropdown-content li {
    display: block;
    min-height: 0;
    line-height: normal;
    cursor: default;
    padding: 10px;
}

.header-content .head-right-content .head-right-extra ul li .dropdown-content li:hover {
    background-color: transparent;
}

.header-content .head-right-content .head-right-extra ul li .dropdown-content li .no-items {
    text-align: center;
    display: block;
    font-size: 13px;
    padding: 10px;
    background-color: #1f2227;
    color: #fff;
    transition: all .3s;
}

.header-content .head-right-content .head-right-extra ul li .dropdown-button.active {
    background-color: #ffab00;
    border-color: #ffab00;
    color: #1f2227;
    transition: all .3s;
}


/* ============================= Map Section ================================ */

.wrap-map {}

.map {
    /*    background-color: #ffab00;*/
    min-height: 650px;
    max-height: 650px;
    overflow: hidden;
    background-color: #000;
    background-image: url(../images/logo.png) !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background: #fff url(../images/logo.png) no-repeat center center !important;
    background-size: 50% !important;
    /*background: #fff !important;
    background-image: none !important;*/
}


/*
.map img {
        width: 100%;
    max-height: 100%;
}
*/

a img[draggable="false"] {
    display: none;
}

.gmnoprint {
    display: none !important;
}

.map-overlay {
    position: absolute;
    left: 30px;
    bottom: 30px;
    z-index: 999;
}

.map-overlay li {
    display: inline-block;
}

.map-overlay a {
    color: #1f2227;
    background-color: #ffab00;
    display: inline-block;
    font-size: 14px;
    font-family: r-md;
    transition: all .3s;
    text-align: center;
    border-radius: 45px;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.27);
    padding: 15px 20px;
    margin-right: 15px;
}

.map-overlay a:hover {
    background-color: #1f2227;
    color: #fff;
    transition: all .3s;
}


/* ================================ Footer ===================================== */

.footer-bottom {
    background-color: #1f2227;
    padding: 15px 0;
}

.footer-bottom .rights {
    float: left;
}

.footer-bottom .rights p {
    text-transform: uppercase;
    color: rgb(83, 88, 94);
    font-size: 11px;
    letter-spacing: 1px;
    font-family: r-md;
}

.footer-bottom .rights span {
    position: relative;
}

.footer-bottom .rights span:after {
    content: '';
    position: absolute;
    top: -2px;
    right: 2px;
    width: 3px;
    height: 1px;
    background-color: #53585e;
    transform: rotate(-45deg);
}

.footer-bottom .rights a {
    text-transform: uppercase;
    font-family: r-rg;
    color: #ffab00;
}

.footer-bottom .rights a:hover {
    text-decoration: underline;
}

.footer-bottom .sitemap {
    text-align: right;
}

.footer-bottom .sitemap ul {
    line-height: 0;
}

.footer-bottom .sitemap ul li {
    display: inline-block;
    line-height: normal;
    position: relative;
    top: -4px;
}

.footer-bottom .sitemap ul li a {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px;
    color: #53585e;
    transition: all .3s;
    font-family: r-md;
}

.footer-bottom .sitemap ul li a:hover {
    color: #ffab00;
    transition: all .3s;
}

.footer-bottom .sitemap ul li:after {
    content: '';
    width: 1px;
    height: 10px;
    background-color: #53585e;
    margin: 0 15px;
    float: right;
    position: relative;
    top: 6px;
}

.footer-bottom .sitemap ul li:last-child:after {
    display: none;
}


/* =========================== Login Box ======================= */

.login-modal .modal-content {
    max-width: 450px;
    margin: 0 auto;
}

.modal-content .modal-body {
    padding: 0;
}

.login-area {
    padding: 20px;
}

.modal-content .form-group {
    padding: 0;
}

.modal-content .form-group label {
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    margin-bottom: 10px;
}

.modal-content .form-group .form-control {
    margin: 0;
    border: 1px solid #dfdfdf;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 5px;
}

.modal-content .form-group .forget-pass {
    float: right;
    font-size: 13px;
    color: #333;
    transition: all .3s;
}

.modal-content .form-group .forget-pass:hover {
    color: #ffab00;
    text-decoration: underline;
    transition: all .3s;
}

.modal-content .form-group p {
    font-size: 13px;
}

.modal-content .form-group .p-btn {
    border: 0;
    padding: 10px 30px;
    letter-spacing: 1px;
    color: #1f2227;
    background-color: #ffab00;
    width: 100%;
    border-radius: 5px;
    transition: all .3s;
    text-transform: uppercase;
    font-size: 14px;
    font-family: r-bd;
}

.modal-content .form-group .p-btn:hover {
    background-color: #1f2227;
    color: #fff;
    transition: all .3s;
}

.modal-content .form-group p a {
    display: inline-block;
    text-decoration: underline;
}

.modal-content .form-group [type="checkbox"].filled-in:not(:checked) + label:after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px solid #dfdfdf;
    top: -2px;
    z-index: 0;
}

.modal-content .form-group [type="checkbox"].filled-in:checked + label:after {
    top: -2px;
    width: 20px;
    height: 20px;
    border: 2px solid #ffab00;
    background-color: #ffab00;
    z-index: 0;
}

.modal-content .form-group [type="checkbox"].filled-in:checked + label:before {
    top: -2px;
}

.modal-content .form-group label[for="filled-in-box"] {
    padding-left: 30px;
    cursor: pointer!important;
}

.modal-title {
    font-size: 14px;
    font-family: r-md;
}


/* ========================================= VideoBg ================================== */

.vide {
    /*    background-color: #ffab00;*/
    min-height: 520px;
    max-height: 520px;
    overflow: hidden;
    position: relative;
}

.vide-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.60);
}

.wrap-map {
    position: relative;
}

.vide-overlay .overlay-inner {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    left: 50%;
}

.vide-overlay .overlay-inner ul li {
    display: inline-block;
}

.vide-overlay .overlay-inner ul li a {
    display: inline-block;
    color: #1f2227;
    background-color: #ffab00;
    margin-right: 20px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 100%;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.24);
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 14px;
    font-family: r-bd;
    position: relative;
    top: 0;
    transition: all .3s;
}

.vide-overlay .overlay-inner ul li a.skip {
    background-color: #1ccb58;
    color: #fff;
}

.vide-overlay .overlay-inner ul li a:hover {
    background-color: #fff;
    top: 20px;
    color: #1f2227;
    transition: all .3s;
}

.vide-overlay .overlay-inner ul li a:after {
    content: '';
    position: absolute;
    left: 50%;
    top: -210px;
    transform: translateX(-50%);
    width: 3px;
    height: 210px;
    background-color: #ffab00;
    transition: all .3s;
}

.vide-overlay .overlay-inner ul li a.skip:after {
    background-color: #1ccb58;
}

.vide-overlay .overlay-inner ul li a.skip:hover {
    color: #1ccb58;
}

.vide-overlay .overlay-inner ul li a:hover:after {
    background-color: #fff;
    height: 230px;
    top: -230px;
    transition: all .3s;
}


/* ========================= Login Page ========================== */

.head-tron {
    background-color: #000;
    background-image: url(../images/stardust.png);
    padding: 30px 0;
}

.head-tron .page-title {
    display: inline-block;
    float: left;
}

.head-tron .page-title h3 {
    color: #fff;
    font-family: r-bd;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 25px;
}

.head-tron .page-crumb {
    display: inline-block;
    float: right;
}

.head-tron .page-crumb .breadcrumb {
    margin: 0;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
}

.head-tron .page-crumb .breadcrumb li {
    font-size: 13px;
    font-family: r-md;
    letter-spacing: .5px;
}

.head-tron .page-crumb .breadcrumb li a {
    font-family: r-md;
    color: #fff;
    font-size: 13px;
}

.head-tron .page-crumb .breadcrumb li a:hover {
    color: #1ccb58;
}

.head-tron .page-crumb .breadcrumb li.active {
    color: #ffab00;
}

.login-inner {
    background-color: #f9f9f9;
    padding: 50px 0;
    min-height: 400px;
}

.card {
    float: left;
    margin: 0;
    border-radius: 5px;
    box-shadow: 0 0px 20px 3px rgba(0, 0, 0, 0.05);
    padding: 20px;
    border: 1px solid #e6ecf5;
    width: 100%;
    margin-bottom: 25px;
}

.login-card {
    left: 50%;
    transform: translateX(-50%);
    max-width: 500px;
}

.login-card .card-head {
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.login-card .card-head h3 {
    font-family: r-bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    color: #1f2227;
}

.login-card .form-group {
    margin-bottom: 20px;
    padding: 0;
}

.login-card .form-group .form-control {
    margin: 0;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    font-size: 13px;
    box-sizing: border-box;
}

.login-card .form-group label {
    font-family: r-md;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 10px;
    color: #9a9a9a;
}

.form-group.has-remember label {
    margin-bottom: 0;
    padding-left: 30px;
}

.intl-tel-input {
    width: 100%;
}

.form-group.has-remember label a {
    font-family: r-md;
    text-decoration: underline;
    display: inline-block;
}

.form-group.has-remember [type="checkbox"].filled-in:not(:checked) + label:after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px solid #dfdfdf;
    top: 2px;
    z-index: 0;
}

.form-group.has-remember [type="checkbox"].filled-in:checked + label:after {
    top: 2px;
    width: 20px;
    height: 20px;
    border: 2px solid #ffab00;
    background-color: #ffab00;
    z-index: 0;
}

.form-group.has-remember [type="checkbox"].filled-in:checked + label:before {
    top: 2px;
}

.login-card .form-group .forget-pass {
    float: right;
    font-size: 13px;
    color: #1f2227;
}

.login-card .form-group .forget-pass:hover {
    text-decoration: underline;
}

.login-card .form-group .p-btn {
    width: 100%;
    border: 0;
    background-color: #ffab00;
    color: #1f2227;
    font-family: r-md;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px;
    border-radius: 5px;
    transition: all .3s;
}

.login-card .form-group .p-btn:hover {
    background-color: #1f2227;
    color: #fff;
    transition: all .3s;
}

.login-card .other-way {
    position: relative;
    width: 100%;
    height: 1px;
    margin: 1rem 0 2rem 0;
    background-color: #e6ecf5;
    float: left;
}

.login-card .other-way:after {
    content: 'OR';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 0 25px;
    font-size: 10px;
    z-index: 5;
}

.login-card .form-group .btn {
    width: 100%;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
    line-height: 40px;
    text-transform: capitalize;
    /* font-family: r-md; */
    color: #fff;
    border-radius: 5px;
    font-size: 13px;
}

.login-card .form-group .btn:hover {
    opacity: .8;
}

.login-card .form-group .btn i {
    margin-right: 5px;
}

.login-card .form-group .hint {
    font-size: 13px;
}

.login-card .form-group .hint a {
    color: #1f2227;
    font-family: r-bd;
    text-decoration: underline;
}

.login-card .form-group .hint a:hover {
    color: #ffab00;
}

.bg-facebook {
    background-color: #3b5998 !important;
}

.bg-twitter {
    background-color: #00aced !important;
}

.sent-msg {
    float: left;
    width: 100%;
    text-align: center;
    display: none;
    padding: 30px 0;
}

.sent-msg i {
    font-size: 35px;
    border: 2px solid #1ccb58;
    color: #1ccb58;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    line-height: 80px;
}

.sent-msg p {
    font-size: 14px;
    color: #1ccb58;
    margin-top: 10px;
    text-transform: uppercase;
    font-family: r-md;
}


/* =============================== Register Steps =============================== */

.company-form {
    max-width: 700px;
}

.company-form .nav-tabs {
    border-bottom: 0;
    margin-bottom: 30px;
}

.company-form .nav-tabs li {
    margin: 0;
    float: none;
    width: 1%;
    display: table-cell;
}

.company-form .nav-tabs li a {
    border: 0;
    margin: 0 5px;
    line-height: normal;
    border-radius: 5px;
    padding: 10px 15px;
    text-align: center;
    font-size: 12px;
    font-family: r-md;
    color: #888;
}

.company-form .nav-tabs li a span {
    display: block;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin: 0 auto 5px;
    background-color: #888;
    border-radius: 100%;
    color: #ffffff;
    font-family: r-bd;
    font-size: 15px;
    transition: all .3s;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background-color: #ffab00;
    color: #030303;
    border: 0;
    transition: all .3s;
}

.company-form .nav-tabs li.active a span {
    background-color: #000;
    color: #ffab00;
    transition: all .3s;
}

.login-card.company-form .form-group .p-btn {
    width: auto;
    padding: 10px 30px;
    margin-right: 15px;
}

.company-form .nav-tabs li a.finished {
    color: #fff;
    background-color: #1ccb58;
    transition: all .3s;
}

.company-form .nav-tabs li a.finished span {
    background-color: #ffffff;
    color: #1ccb58;
}

.login-card.company-form .form-group.work-date label {
    display: block;
}

.login-card.company-form .form-group .input-fild:first-of-type,
.login-card .form-group .input-fild:first-of-type {
    padding-left: 0;
}

.login-card.company-form .form-group .input-fild:last-of-type,
.login-card .form-group .input-fild:last-of-type {
    padding-right: 0;
}

.login-card.company-form .form-group .select2-container,
.login-card .form-group .select2-container {
    width: 100% !important;
}

.login-card.company-form .form-group .select2-container .select2-selection--single,
.login-card .form-group .select2-container .select2-selection--single {
    height: 40px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
}

.login-card.company-form .form-group .select2-container--default .select2-selection--single .select2-selection__rendered,
.login-card .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}

.login-card.company-form .form-group .select2-container--default .select2-selection--single .select2-selection__rendered,
.login-card .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #9a9a9a;
    line-height: 40px;
    padding-left: 15px;
    font-size: 13px;
}

.login-card.company-form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow,
.login-card .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #dfdfdf;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    margin-bottom: 0;
    font-size: 13px;
    border-radius: 5px;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-bottom-color: #ffab00;
    box-shadow: 0 1px 0 0 #ffab00;
}

.select2-results__option {
    font-size: 13px;
}

.login-card.company-form .nav > li.disabled > a:focus,
.login-card.company-form .nav > li.disabled > a:hover {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: rgb(244, 244, 244);
}

.login-card.company-form .form-map,
.login-card .form-map {
    max-height: 300px;
    overflow: hidden;
}

.login-card.company-form .form-map img,
.login-card .form-map img {
    width: 100%;
}

.form-group .profile-img {
    max-height: 220px;
    overflow: hidden;
    max-width: 220px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #dfdfdf;
}

.form-group .profile-img img {
    max-width: 220px;
    height: 220px;
    width: 220px;
}

.form-group .profile-img .img-edit-caption {
    position: absolute;
    z-index: 11;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    padding: 0 10px 10px;
}

.form-group .profile-img .img-edit-caption .btn-file {
    background-color: #ffab00 !important;
    border: 0;
    padding: 8px 12px;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 11px;
    border-radius: 5px;
    color: #1f2227;
    line-height: normal;
    box-shadow: none;
    letter-spacing: 0;
    height: auto;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.32);
}

.form-group .profile-img .btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}

.form-group .profile-img .btn-file > input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-300px, 0) scale(4);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}


/* ================================= Logged user Profile ======================================= */

/*
.logged-user .top-bar .bar-right ul li a{
    border: 0;
}
*/

body.smoked {
    margin-left: -292px;
    transition: all .3s;
}

.logged-user .top-bar .bar-right ul li a.open-sidebar {
    background-color: #ffab00;
    color: #000;
    padding: 12px 20px;
}


/*
.logged-user .top-bar .bar-right ul li a.open-sidebar.active i:before {
    content: "\f00d";
}
*/

.logged-user .top-bar .bar-right ul li a.open-sidebar i {
    margin: 0;
    font-size: 14px;
    transform: scale(1.3);
}

.logged-user .header-content .head-right-content .search {
    display: none;
}

.logged-user .header-content .head-right-content .head-right-extra ul li a.has-dropdown-search {
    display: inline-block;
}

.cart-badge {
    background-color: #d81212;
    width: 30px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    position: absolute;
    top: -15px;
    right: -15px;
    box-shadow: 0 0 0 3px #fff;
    color: #fff;
    font-size: 12px;
    font-family: r-md;
}

.header-content .head-right-content .head-right-extra ul li .dropdown-content.cart-dropdown {
    min-width: 280px !important;
    max-height: none;
    overflow: hidden;
    overflow-y: hidden;
    border-radius: 5px;
    box-shadow: 1px 5px 20px 3px rgba(0, 0, 0, 0.12);
}

.header-content .head-right-content .head-right-extra ul li .dropdown-content.cart-dropdown ul {
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto;
}

.header-content .head-right-content .head-right-extra ul li .dropdown-content.cart-dropdown .cart-down-btns {
    padding: 10px;
    border-top: 1px solid #dfdfdf;
}

.header-content .head-right-content .head-right-extra ul li .dropdown-content.cart-dropdown .cart-down-btns a {
    width: auto;
    margin: 0;
    height: auto;
    line-height: normal;
    padding: 5px;
    font-size: 12px;
    font-family: r-md;
    text-transform: uppercase;
    letter-spacing: .5px;
    border: 0;
    display: inline-block;
}

.header-content .head-right-content .head-right-extra ul li .dropdown-content.cart-dropdown .cart-down-btns a.go-cart {
    background-color: #1684e2;
    color: #fff;
}

.header-content .head-right-content .head-right-extra ul li .dropdown-content.cart-dropdown .cart-down-btns a.checkout {
    float: right;
    background-color: #1ccb58;
    color: #fff;
}

.header-content .head-right-content .head-right-extra ul li .dropdown-content.cart-dropdown .cart-down-btns a:hover {
    opacity: .8;
}

.cart-dropdown li {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #dfdfdf;
    float: left;
    width: 100%;
}

.cart-dropdown li:last-child {
    border-bottom: 0;
}

.cart-dropdown li .product-img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    float: left;
    border-radius: 5px;
    overflow: hidden;
}

.cart-dropdown li .product-img img {
    width: 50px;
    height: 50px;
}

.cart-dropdown li .product-data {
    overflow: hidden;
}

.cart-dropdown li .product-data .remove-product {
    margin: 0 !important;
    padding: 0;
    height: auto !important;
    width: auto !important;
    line-height: normal !important;
    border-radius: 0 !important;
    border: 0 !important;
    position: absolute !important;
    right: 10px;
    top: 10px;
    font-size: 13px;
    color: #d81212 !important;
}

.cart-dropdown li .product-data .remove-product:hover {
    background-color: transparent !important;
    color: #e33939 !important;
    transform: rotate(360deg);
    transition: all .3s;
}

.cart-dropdown li .product-data .name {
    padding-right: 30px;
    margin-bottom: 5px;
    line-height: 0;
}

.cart-dropdown li .product-data .name a {
    width: auto !important;
    margin: 0 !important;
    border: 0 !important;
    font-size: 13px;
    line-height: normal !important;
    text-align: left !important;
    font-family: r-md;
    height: auto !important;
    max-height: 34px;
    overflow: hidden;
}

.cart-dropdown li .product-data .name a:hover {
    background-color: transparent !important;
    color: #211212 !important;
    text-decoration: underline;
}

.cart-dropdown li .product-data .price {
    line-height: 15px;
}

.cart-dropdown li .product-right .price {
    margin-bottom: 5px;
}

.cart-dropdown li .product-right .price span {
    font-size: 14px;
    font-family: r-md;
}

.cart-dropdown li .product-data .amount {}

.cart-dropdown li .product-data .amount p {
    font-size: 11px;
    background-color: #ffab00;
    display: inline-block;
    padding: 3px 7px;
    border-radius: 0px;
    color: #1f2227;
}

.user-area {
    float: right;
    margin-left: 25px;
    min-width: 150px;
    position: relative;
}

.user-area .usr-img {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 5px;
    display: inline-block;
    margin-right: 10px;
    float: left;
}

.user-area .usr-img img {
    width: 50px;
    height: 50px;
}

.user-area .usr-name {
    overflow: hidden;
    position: relative;
    /*    top: 12px;*/
}

.user-area .usr-name span {
    display: inline-block;
    font-size: 14px;
    color: #1f2227;
    font-family: r-md;
    overflow: hidden;
    max-width: 75px;
    max-height: 20px;
    float: left;
}

.user-area .usr-name i {
    position: absolute;
    right: 0;
    top: 2px;
    color: #1f2227;
    transition: all .3s;
}

.user-area .usr-name b {
    font-size: 13px;
    float: left;
    font-weight: normal;
    color: #ababab;
    display: block;
    width: 100%;
}

.user-area .dropdown-button.active span {
    color: #212112;
    transition: all .3s;
}

.user-area .dropdown-button.active i {
    transition: all .3s;
    color: #212121;
    transform: rotate(180deg);
}

.header-content .head-right-content .dropdown-content.user-dropdown {
    top: 100% !important;
    min-width: 160px;
    border-radius: 5px;
    box-shadow: 1px 5px 20px 3px rgba(0, 0, 0, 0.12);
}

.header-content .head-right-content .dropdown-content.user-dropdown li {
    line-height: normal;
    min-height: 0;
}

.header-content .head-right-content .dropdown-content.user-dropdown li a {
    line-height: normal;
    padding: 10px;
    font-size: 14px;
    color: #717171;
    transition: all .3s;
}

.header-content .head-right-content .dropdown-content.user-dropdown li a:hover {
    color: #212121;
}

.header-content .head-right-content .dropdown-content.user-dropdown li a i {
    margin-right: 2px;
}


/* =========================== User INNER BOX ==================== */

.big-wrap {
    background-color: #f7f7f7;
    padding: 0;
    position: relative;
    overflow: hidden;
    /*min-height: 500px;*/
}

.user-sidebar {
    padding: 0;
    background-color: #000;
    width: 250px;
    max-width: 100%;
    position: fixed;
    right: -290px;
    bottom: 0;
    height: 100%;
    transition: all .3s;
    z-index: 9999;
    box-shadow: 5px 0 15px 5px rgba(0, 0, 0, 0.74);
}

.user-sidebar ul {
    max-height: 450px;
    overflow: hidden;
}

.user-sidebar ul li {
    display: block;
}

.user-sidebar ul li a {
    display: block;
    padding: 15px;
    border-bottom: 1px solid #131313;
    color: #fff;
    font-size: 12px;
    transition: all .3s;
}

.user-sidebar ul li a .side-badge {
    font-weight: normal;
    background-color: #d81212;
    display: inline-block;
    width: 30px;
    text-align: center;
    border-radius: 100%;
    line-height: 30px;
    height: 30px;
    margin-left: 10px;
    float: right;
    color: #fff;
}

.user-sidebar ul li a:hover,
.user-sidebar ul li a.active {
    background-color: rgba(31, 34, 39, 0.57);
    color: #fff;
    border-bottom-color: #1f2227;
    transition: all .3s;
}

.user-sidebar ul li a i {
    margin-right: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #121316;
    border-radius: 100%;
    color: #fff;
    font-size: 12px;
    transition: all .3s;
}

.user-sidebar ul li a:hover i,
.user-sidebar ul li a.active i {
    background-color: #fff;
    color: #202327;
    transition: all .3s;
}

.user-sidebar .sidebar-logo {
    text-align: center;
    padding: 15px;
    border-bottom: 1px solid #131313;
}

.user-sidebar .sidebar-logo img {
    width: 170px;
    margin: 0 auto;
}

.toggle-sidebar {
    position: absolute;
    left: -40px;
    border: 0;
    background-color: #000;
    color: #fff;
    width: 40px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    font-size: 14px;
    transition: all .3s;
    border-right: 1px solid #1f2227;
    display: none;
}

.toggle-sidebar:focus {
    background-color: #ffab00;
}

.user-inner {
    padding: 50px;
    /*    width: calc(100% - 250px);*/
    transition: all .3s;
    /*    margin-left: 250px; */
    float: left;
    width: 100%;
}

.big-wrap.hatched .user-inner {
    margin-left: 0;
    width: 100%;
    transition: all .3s;
}

.user-sidebar.opened {
    right: 0;
    transition: all .3s;
}


/* **************** Companies widget ********************* */

.company-widget {}

.company-widget .inner {
    background-color: #ffab00;
    padding: 20px;
    border-radius: 5px;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.company-widget .inner:hover {
    opacity: .8;
}

.company-widget .inner.v2 {
    background-color: #1ccb58;
}

.company-widget .inner.v3 {
    background-color: #f45103
}

.company-widget .inner .icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    margin: 0 auto 20px;
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    position: relative;
}

.company-widget .inner .icon span {
    font-size: 30px;
    color: #fff;
    display: inline-block;
}

.company-widget .inner .icon .badge {
    position: absolute;
    background-color: rgb(255, 255, 255);
    font-style: normal;
    font-weight: normal;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    border-radius: 100%;
    box-shadow: 0 0 0 6px rgb(255, 211, 31);
    right: -4px;
    top: -4px;
    color: #1f2227;
    font-size: 13px;
    font-family: r-md;
}

.company-widget .inner.v2 .icon .badge {
    box-shadow: 0 0 0 6px rgb(28, 203, 88);
}

.company-widget .inner.v3 .icon .badge {
    box-shadow: 0 0 0 6px rgb(244, 81, 3);
}

.company-widget .inner h4 {
    color: #fff;
    font-family: r-md;
    font-size: 15px;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.co-widgets {
    margin-bottom: 50px;
}

.co-form {}

.co-form .form-group {
    margin: 0 auto;
    max-width: 700px;
    float: left;
    width: 100%;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

.co-form .form-group .form-control {
    margin: 0;
    width: calc(100% - 100px);
    border: 1px solid #dfdfdf;
    padding-left: 10px;
    font-size: 13px;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
}

.co-form .form-group .s-btn {
    float: right;
    width: 70px;
    border: 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    background-color: #1f2227;
    color: #fff;
    transition: all .3s;
}

.co-form .form-group .s-btn:hover {
    background-color: #393d43;
    transition: all .3s;
}

.company-list {
    padding: 0;
    margin-top: 10px;
    border-radius: 5px;
    overflow: hidden;
}

.company-list ul li {
    display: block;
    border-bottom: 1px solid #dfdfdf;
    padding: 15px;
    float: left;
    width: 100%;
    background-color: #f7f7f7;
    transition: all .3s;
}

.company-list ul li:hover {
    background-color: #f1f1f1;
    transition: all .3s;
}

.company-list ul li:last-child {
    border-bottom: 0;
}

.company-list ul li .com-img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 5px;
    margin-right: 10px;
    float: left;
    box-shadow: 0 0 0 1px #d0d0d0;
}

.company-list ul li .com-img img {
    width: 60px;
    height: 60px;
}

.company-list ul li .com-data {
    overflow: hidden;
}

.company-list ul li .com-data .name {
    margin-bottom: 5px;
    line-height: normal;
}

.company-list ul li .com-data .name a {
    display: inline-block;
    font-size: 13px;
    font-family: r-md;
    color: #212112;
}

.company-list ul li .com-data .name a:hover {
    text-decoration: underline;
}

.company-list ul li .com-data .date {
    line-height: normal;
}

.company-list ul li .com-data .date p {
    line-height: normal;
    font-size: 11px;
    color: #929292;
    letter-spacing: .5px;
}


/* =================== Setting Form ==================== */

.setting-form {
    max-width: 700px;
    margin: 0 auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
}

.set-header {
    margin-bottom: 20px;
}

.set-header h3 {
    font-family: r-md;
    font-size: 15px;
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 5px;
    position: relative;
}

.set-header h3 i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    text-align: center;
    border-radius: 100%;
    margin-right: 5px;
}

.setting-form .form-group {
    margin-bottom: 20px;
    position: relative;
}

.setting-form .form-group .form-control {
    margin: 0;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    box-sizing: border-box;
    width: 100%;
    font-size: 13px;
}

.setting-form .form-group label {
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 10px;
}

.setting-form .form-group .select2-container {
    width: 100% !important;
}

.setting-form .form-group .select2-container .select2-selection--single {
    height: 40px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
}

.setting-form .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #9a9a9a;
    line-height: 40px;
    padding-left: 15px;
    font-size: 13px;
}

.setting-form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #dfdfdf;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    margin-bottom: 0;
    font-size: 13px;
    border-radius: 5px;
}

.select2-results__option {
    font-size: 13px;
}

.setting-form .form-group .form-map {
    max-height: 250px;
    min-height: 250px;
    overflow: hidden;
    border-radius: 5px;
}

.setting-form .form-group .form-map img {
    width: 100%;
    max-height: 250px;
}

.setting-form .form-group .s-btn {
    border: 0;
    background-color: #ffab00;
    border-radius: 5px;
    display: inline-block;
    padding: 10px 30px;
    text-transform: uppercase;
    font-family: r-md;
    font-size: 13px;
    letter-spacing: .5px;
    color: #1f2227;
    transition: all .3s;
}

.setting-form .form-group .s-btn:hover {
    background-color: #1f2227;
    color: #fff;
    transition: all .3s;
}

.setting-form.mandob-tables {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    left: 0%;
    transform: none;
}

.setting-form.mandob-tables .set-header {
    padding: 0;
}

.table thead {
    background-color: #f3f3f3;
}

.table .has-btns {
    width: 100%;
    text-align: center;
}



.table thead tr th {
    border-bottom: 0;
    font-family: r-md;
    font-weight: normal;
    font-size: 13px;
    color: #2d3035;
}

.print-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 2;
    border: 0;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-family: r-md;
    text-align: center;
    font-size: 13px;
    color: #000;
    background-color: #ffab00;
    border-radius: 5px;
    padding: 10px 30px;
}

.table td {
    font-size: 13.5px;
    padding: 13px!important;
}

.table td .link {
    font-family: r-md;
    color: #1ccb58;
    text-transform: uppercase;
    font-size: 13.5px;
    text-decoration: underline;
}

.table td .link:hover {
    color: #1f2227;
}

.table .has-btns a {
    border: 0;
    display: inline-block;
    background-color: #1f2227;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    margin-right: 5px;
}

.table .has-btns a:hover {
    opacity: .8;
}

.table .has-btns a.tell-btn {
    background-color: #f99723;
}

.table .has-btns a.activate-btn {
    background-color: #1ccb58;
}

.table .has-btns a.rep-btn {
    background-color: #23a0f9;
}

.table .has-btns a.edit-btn {
    background-color: #ea1e44;
}

.table .has-btns a.del-btn {
    background-color: #ed1414;
}

.table-box {
    overflow-x: auto;
    padding: 0;
}


/* *************************** Billing-Box ******************************* */

.billing-box {}

.billing-box ul li a {
    display: block;
    width: 100%;
    height: 60px;
    text-align: center;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    transition: all .3s;
}

.billing-box ul li a:hover {
    background-color: #f1f1f1;
}

.billing-box ul li a img {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

.manage-msg {
    padding-left: 15px;
    margin-bottom: 20px;
    text-align: center;
}

.manage-msg p {
    font-family: r-md;
    font-size: 13px;
    letter-spacing: .5px;
}

.billing-card {
    padding: 20px;
}

.billing-card .cont-pay {
    background-color: #1f2227;
    display: block;
    text-align: center;
    border-radius: 5px;
    padding: 12px;
    color: #fff;
    font-size: 14px;
    font-family: r-md;
}

.billing-card .cont-pay:hover {
    opacity: .8;
}

.modal-bil .modal-footer .pay-submit {
    border: 0;
    display: inline-block;
    border-radius: 5px;
    padding: 10px 20px;
    color: #1f2227;
    font-size: 12px;
    background-color: #ffab00;
    letter-spacing: .5px;
    font-family: r-md;
    text-transform: uppercase;
    transition: all .3s;
}

.billing-card .cont-pay i {
    margin-right: 3px;
}

.modal-bil .modal-footer .pay-submit:hover {
    background-color: #1f2227;
    color: #fff;
    transition: all .3s;
}


/* ======================== Company Profile ======================= */

.company-card {
    left: 50%;
    transform: translateX(-50%);
    max-width: 800px;
}

.company-card-inner {
    padding: 0;
}

.company-card .company-img {
    float: left;
    text-align: center;
}

.company-card .company-img img {
    width: 250px;
    height: 250px;
    border-radius: 100%;
    box-shadow: 0 0 0 5px #ffab00;
}

.company-card .company-img p {
    font-size: 12px;
    padding: 20px 0 0;
    color: #a7a7a7;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.company-card .company-info {
    float: right;
    width: calc(100% - 280px);
    padding-top: 20px;
}

.company-card .company-info .name {
    margin-bottom: 20px;
}

.company-card .company-info .name h3 {
    font-family: r-bd;
    color: #1f2227;
    font-size: 20px;
}

.company-card .company-info .location {
    margin-bottom: 20px;
}

.company-card .company-info .location p {
    font-size: 13px;
    letter-spacing: .5px;
    font-family: r-md;
}

.company-card .company-info .location p i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #ffab00;
    border-radius: 100%;
    color: #000;
    margin-right: 10px;
}

.company-card .company-info .phone {
    margin-bottom: 20px;
}

.company-card .company-info .phone p {
    font-size: 13px;
    letter-spacing: .5px;
    font-family: r-md;
    display: inline-block;
    margin-right: 20px;
}

.company-card .company-info .phone p:last-of-type {
    margin-bottom: 0;
}

.company-card .company-info .phone p i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #ffab00;
    border-radius: 100%;
    color: #000;
    margin-right: 10px;
}

.company-card .company-info .follow-area {
    margin-bottom: 20px;
}

.company-card .company-info .follow-area a {
    display: inline-block;
    background-color: #1ccb58;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-family: r-bd;
    font-size: 14px;
    padding: 10px 30px;
    border-radius: 5px;
}

.company-card .company-info .follow-area a:hover {
    opacity: .8;
}

.company-card .company-info .social {}

.company-card .company-info .social ul li {
    display: inline-block;
}

.company-card .company-info .social ul li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #dfdfdf;
    border-radius: 100%;
    margin-right: 8px;
    color: #fff;
    transition: all .3s;
}

.company-card .company-info .social ul li a:hover {
    transform: scale(1.2);
    transition: all .3s;
}

.bg-face {
    background-color: #3b5998!important;
    border-color: #3b5998!important;
    color: #fff;
}

.bg-twitter {
    background-color: #00aced!important;
    border-color: #00aced!important;
    color: #fff;
}

.bg-instagram {
    background-color: #fff;
    background: -webkit-linear-gradient(top left, #8a3ab9, #cd486b, #fccc63) !important;
    background: linear-gradient(top left, #8a3ab9, #cd486b, #fccc63) !important;
    border-color: #fff;
    color: #fff;
}

.bg-linkedin {
    background-color: #007bb6!important;
    border-color: #007bb6!important;
    color: #fff;
}

.bg-youtube {
    background-color: #bb0000!important;
    border-color: #bb0000!important;
    color: #fff;
}

.bg-gplus {
    background-color: #dd4b39!important;
    border-color: #dd4b39!important;
    color: #fff;
}

.card-head-inner {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.card-head-inner h3 {
    position: relative;
    font-family: r-bd;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: .5px;
    color: #1f2227;
    padding-bottom: 8px;
    float: left;
    width: 100%;
}

.card-head-inner h3:after {
    content: '';
    width: 100px;
    height: 2px;
    background-color: #ffab00;
    left: 0;
    bottom: 0;
    position: absolute;
}

.products-box .block {
    padding: 0 15px;
    text-align: center;
}

@media(max-width:650px) {
    .products-box .block {
        width: 100%!important
    }
}

.products-box .block .inner {
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.products-box .block .inner .card-caption {
    position: absolute;
    background-color: rgba(255, 211, 31, 0.84);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    z-index: 1;
    padding: 0 50px;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.products-box .block .inner:hover .card-caption {
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

.products-box .block .inner .card-caption .card-caption-inner {
    position: relative;
    top: 50%;
    margin: -50px 0
}

.products-box .block .inner .card-caption .card-caption-inner a.carting,
.products-box .block .inner .card-caption .card-caption-inner a.see {
    background-color: #fff;
    color: #000;
    display: block;
    border-radius: 20px;
    padding: 9px 0;
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    font-size: 13px;
}

.products-box .block .inner .card-caption .card-caption-inner a.balanced,
.products-box .block .inner .card-caption .card-caption-inner a.loved {
    background-color: #fff;
    color: #000;
    display: inline-block;
    border-radius: 50%;
    padding: 0;
    position: relative;
    font-size: 15px;
    margin-right: 0;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 33px;
}

.products-box .block .inner .card-caption .card-caption-inner a.heart {
    background-color: #ed1b24;
    color: #fff;
}

.products-box .block .inner .card-caption .card-caption-inner a.loved {
    -webkit-transform: translateY(170px);
    transform: translateY(170px);
    -webkit-transition: all .3s;
    transition: all .3s
}

.products-box .block .inner:hover .card-caption .card-caption-inner a.loved {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all .3s;
    transition: all .3s
}

.products-box .block .inner .card-caption .card-caption-inner a.balanced {
    -webkit-transform: translateY(170px);
    transform: translateY(170px);
    -webkit-transition: all .6s;
    transition: all .6s
}

.products-box .block .inner:hover .card-caption .card-caption-inner a.balanced {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all .6s;
    transition: all .6s
}

.products-box .block .inner .card-caption .card-caption-inner a.carting i,
.products-box .block .inner .card-caption .card-caption-inner a.see i {
    margin-right: 5px;
    color: #000;
    -webkit-transition: all .3s;
    transition: all .3s
}

.products-box .block .inner .card-caption .card-caption-inner a:hover {
    background-color: #ed1b24;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}



.products-box .block .inner .card-caption .card-caption-inner a:hover i {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.products-box .block .inner .card-caption .card-caption-inner a.carting {
    -webkit-transform: translateX(220px);
    transform: translateX(220px);
    -webkit-transition: all .6s;
    transition: all .6s
}

.products-box .block .inner:hover .card-caption .card-caption-inner a.carting {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .3s;
    transition: all .3s
}

.products-box .block .inner .card-caption .card-caption-inner a.see {
    -webkit-transform: translateX(-220px);
    transform: translateX(-220px);
    -webkit-transition: all .3s;
    transition: all .3s
}

.products-box .block .inner:hover .card-caption .card-caption-inner a.see {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .3s;
    transition: all .3s
}

.products-box .block .inner:hover {
    box-shadow: 0 0 20px 3px rgba(154, 162, 173, 0.27);
    transform: translateY(-10px);
    transition: all .3s;
}

.products-box .block .inner .block-img {
    margin-bottom: 20px;
    max-height: 200px;
    overflow: hidden;
    border-bottom: 1px solid #f3f3f3;
}

.products-box .block .inner .block-img img {
    margin: 0 auto;
    width: 100%;
    height: 200px;
}

.products-box .block .inner .block-data {
    padding: 0 15px 15px;
}

.products-box .block .inner .block-data a {
    color: #1f2227;
    display: inline-block;
    font-size: 14px;
    font-family: r-md;
    max-height: 41px;
    overflow: hidden;
}

.products-box .block .inner:hover .block-data a {
    color: #fcb316;
    -webkit-transition: all .3s;
    transition: all .3s
}

.products-box .block .inner .block-price {
    padding-bottom: 15px;
    direction: rtl;
    border-bottom: 1px solid #e2e2e2
}

.products-box .block .inner .block-price span {
    margin-left: 15px;
    font-size: 14px;
    position: relative;
    display: inline-block;
    font-family: r-md;
    font-weight: normal;
}

.products-box .block .inner .block-price span.not-active {
    color: #bdbdbd;
}

.products-box .block .inner .block-price span.not-active:after {
    content: '';
    position: absolute;
    top: 10px;
    height: 1px;
    background-color: #a5a5a5;
    width: 55px;
    right: -7px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.products-box .block .inner .block-price span.active {
    color: #ed1b24;
}

.products-box .block .inner .block-cart {
    background-color: #f3f3f3;
    padding: 15px;
    transition: all .3s;
}


/*
.products-box .block .inner:hover .block-cart {
    padding: 0;
    height: 0;
    transition: all .3s;
}
*/

.products-box .block .inner .block-cart a {
    background-color: #fff;
    border-radius: 20px;
    color: #1f2227;
    display: inline-block;
    transition: all .3s;
    padding: 7px 30px;
    font-size: 13px;
    font-family: r-md;
}

.products-box .block .inner .block-cart a i {
    font-weight: 700;
    margin-right: 8px;
    font-size: 17px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.products-box .block .inner:hover .block-cart a {
    background-color: #fcb316;
    -webkit-transition: all .3s;
    transition: all .3s
}

.products-box .block .inner:hover .block-cart a i {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all .3s;
    transition: all .3s
}

.products-box .block .inner:hover .block-cart a {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all .3s;
    transition: all .3s
}

.products-box .block .inner .flag {
    width: 40px;
    height: 50px;
    position: absolute;
    background: #ed1b24;
    color: #fff;
    font-size: 11px;
    text-align: center;
    right: 25px;
    top: 0;
    z-index: 2;
    padding-top: 5px;
    transition: all .3s;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.products-box .block .inner .flag span {
    padding: 2px 0;
    display: block;
    letter-spacing: 1px
}

.rating a {
    display: inline-block;
    font-size: 14px;
    color: #1f2227;
    position: relative
}

.rating a.active {
    color: #fcb316;
}

.products-box .mix {
    display: none;
}

.gallery-filters {
    text-align: center;
    margin-bottom: 50px;
}

.gallery-filters > ul {
    display: inline-block;
}

.gallery-filters li {
    display: inline-block;
    text-transform: uppercase;
    font-family: r-md;
    font-size: 13px;
    margin: 0 5px 5px;
    border: 1px solid #dfdfdf;
    padding: 5px 15px;
    border-radius: 20px;
    letter-spacing: .3px;
    cursor: pointer;
    color: #1f2227;
    transition: all .3s;
}

.gallery-filters li a {
    display: block;
    text-transform: uppercase;
    font-family: r-md;
    font-size: 13px;
    letter-spacing: .3px;
    cursor: pointer;
    color: #1f2227;
    transition: all .3s;
}

.gallery-filters .more {
    display: inline-block;
}

.gallery-filters .more a {
    display: inline-block;
    text-transform: uppercase;
    font-family: r-md;
    font-size: 13px;
    margin: 0 5px 5px;
    border: 1px solid #dfdfdf;
    padding: 5px 15px;
    border-radius: 20px;
    letter-spacing: .3px;
    cursor: pointer;
    color: #1f2227;
    transition: all .3s;
}

.gallery-filters li:hover,
.gallery-filters li.active,
.gallery-filters .more a:hover,
.gallery-filters .more a.active,
.gallery-filters li a:hover,
.gallery-filters li.active a {
    background-color: #ffab00;
    border-color: #ffab00;
    transition: all .3s;
    color: #1f2227;
}

.gallery-filters .more .dropdown-content {
    width: 200px !important;
    top: 100% !important;
    overflow: hidden;
    border-radius: 20px;
    max-height: 220px !important;
    overflow-y: auto;
}

.gallery-filters .more .dropdown-content li {
    padding: 10px 15px;
    line-height: normal;
    margin: 0;
    border: 0;
    min-height: 0;
    border-radius: 0;
    display: block;
    border-bottom: 1px solid #dfdfdf;
}

.gallery-filters .more .dropdown-content li:last-child {
    border-bottom: 0;
}

.sec-form {
    padding: 20px;
}

.add-new-sector {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 5px 10px;
    background-color: #ffab00;
    color: #000;
    border-radius: 5px;
    font-size: 13px;
    text-transform: uppercase;
    font-family: r-md;
    transition: all .3s;
}

.add-new-sector:hover {
    background-color: #212121;
    color: #fff;
}

.add-new-sector i {
    color: #1f2227;
    transition: all .3s;
}

.add-new-sector:hover i {
    color: #000;
    transform: rotate(360deg);
    transition: all .3s;
}

.branch-check.col-md-12.col-sm-12.col-xs-12 {
    padding: 0;
}

.add-new-feature {
    border: 0;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: r-md;
    font-size: 11px;
    background-color: #1f2227;
    letter-spacing: .5px;
    transition: all .3s;
}

.add-new-feature i {
    margin-right: 5px;
}

.add-new-feature:hover {
    background-color: #000;
    transition: all .3s;
}

.finner-head {
    font-size: 14px;
    font-family: r-md;
    color: #000;
    margin-bottom: 15px;
}

.finner-body {
    padding: 5px 0 18px;
    background-color: #f7f7f7;
    border-radius: 5px;
    margin-bottom: 20px;
}

.finner-body:last-of-type {
    margin-bottom: 0;
}

.finner-body .form-control {
    background-color: #fff;
}

.setting-form .form-group textarea.form-control {
    min-height: 150px;
    padding: 0 15px;
    box-shadow: none;
}

.form-images {
    padding: 5px 0 0;
}

.form-images .img-box {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 10px 10px 0;
    float: left;
    display: inline-block;
    text-align: center;
}

.form-images .img-box img {
    width: 100px;
    height: 100px;
    border-radius: 5px;
}

.form-images .img-box .del-image {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #d81212;
    border-radius: 100%;
    color: #fff;
    font-size: 11px;
    box-shadow: 0 0 0 4px #fff;
    transition: all .3s;
}

.form-images .img-box .del-image:hover i {
    transform: rotate(360deg);
    transition: all .3s;
}

.form-images .img-box .add-image {
    width: 100%;
    height: 100%;
    display: block;
    line-height: 100px;
    font-size: 50px;
    color: #ffab00;
    border: 1px solid #ffab00;
    border-radius: 5px;
    transition: all .3s;
}

.form-images .img-box .add-image:hover,
.form-images .img-box .add-image:focus,
.form-images .img-box .add-image:link {
    border-color: #1f2227;
    color: #1f2227;
    transition: all .3s;
}

.setting-form .form-group .social-icon {
    position: absolute;
    height: 40px;
    text-align: center;
    width: 40px;
    line-height: 40px;
    border-right: 1px solid #dfdfdf;
}

.social-form .form-control {
    padding-left: 53px !important;
    text-transform: lowercase;
}

.form-images .img-box .btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    background-color: #ffab00;
    border: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 11px;
    border-radius: 5px;
    color: #ffffff;
    line-height: 123px;
    box-shadow: none;
    letter-spacing: 0;
    height: 100px;
    width: 100px;
    display: block;
}

.form-images .img-box .btn-file:hover {
    background-color: #1f2227;
    color: #fff;
    transition: all .3s;
}

.form-images .img-box .btn-file i {
    font-size: 40px;
}

.form-images .img-box .btn-file input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-300px, 0) scale(6);
    transform: translate(-300px, 0) scale(6);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.65);
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    cursor: url('../images/close.png'), default;
}

.overlay.opened {
    left: 0;
    opacity: 1;
    visibility: visible;
    transition: all .3s;
}

#more .modal-header {
    padding: 10px 15px;
    border-bottom: 0;
}

#more .modal-header .modal-title {
    font-family: r-bd;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #000;
    font-size: 16px;
}

.modal-filter {
    float: left;
    padding: 20px;
    width: 100%;
    background-color: #fff;
}

/*.modal-filter > div {
    padding: 0 15px 0 0;
}*/

.modal-filter ul li {
    margin-bottom: 11px;
    cursor: pointer;
    border: 1px solid #dfdfdf;
    padding: 8px;
    border-radius: 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    font-family: r-md;
    letter-spacing: .5px;
    color: #1f2227;
    transition: all .3s;
}

.modal-filter ul li:last-child {
    margin-bottom: 0;
}

.modal-filter ul li:hover,
.modal-filter ul li.active {
    background-color: #ffab00;
    border-color: #ffab00;
    transition: all .3s;
}


/* ======================= Request-box ======================== */

.request-box {
    padding: 0;
}

.request-box .request-list {
    width: 300px;
    float: left;
    overflow: hidden;
    /*border-right: 1px solid #dfdfdf;*/
    transition: all .3s;
}

.request-box .request-list ul li {
    display: block;
    border-bottom: 1px solid #dfdfdf;
    cursor: pointer;
    padding: 15px;
    transition: all .3s;
}

.request-box .request-list ul li:hover,
.request-box .request-list ul li.active {
    background-color: #f7f7f7;
    transition: all .3s;
}


/*
.request-box .request-list ul li:last-child{
    border-bottom: 0;
}
*/

.request-box .request-list ul li .req-img {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px;
    border: 1px dashed #dfdfdf;
}

.request-box .request-list ul li .req-img img {
    width: 50px;
    height: 50px;
}

.request-box .request-list ul li .req-data {
    overflow: hidden;
    padding-top: 9px;
}

.request-box .request-list ul li .req-data .name {}

.request-box .request-list ul li .req-data .name h4 {
    font-size: 13px;
    font-family: r-md;
    color: #1f2227;
}

.request-box .request-list ul li .req-data .date {}

.request-box .request-list ul li .req-data .date span {
    font-size: 12px;
    color: #828282;
}

.request-box .request-list ul {
    max-height: 503px;
    overflow: hidden;
}

.card.has-orders {
    padding: 0;
}

.request-box .request-list .req-form {
    padding: 20px;
    background-color: #f3f3f3;
    border-bottom: 1px solid #dfdfdf;
}

.request-box .request-list .req-form .form-group {
    position: relative;
    margin-bottom: 0;
}

.request-box .request-list .req-form .form-control {
    margin: 0;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    height: 40px;
    font-size: 13px;
    padding-left: 40px;
    line-height: 40px;
    background-color: #fff;
    box-sizing: border-box;
}

.request-box .request-list .req-form .form-group i {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 38px;
    width: 40px;
    text-align: center;
    height: 40px;
    color: #8e8e8e;
}

.request-box .request-body {
    width: calc(100% - 300px);
    float: right;
    transition: all .3s;
    position: relative;
}

.request-box .request-body .req-head {
    float: left;
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
    padding: 18px;
}

.request-box .request-body .req-head .usr-box {
    float: left;
}

.request-box .request-body .req-head .usr-box .usr-img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px;
    border: 1px dashed #dfdfdf;
    float: left;
}

.request-box .request-body .req-head .usr-box .usr-img img {
    width: 40px;
    height: 40px;
}

.request-box .request-body .req-head .usr-box .usr-data {
    overflow: hidden;
    padding-top: 9px;
}

.request-box .request-body .req-head .usr-box .usr-data span {
    font-family: r-md;
    font-size: 13px;
}

.request-box .request-body .req-head .action-box {
    float: right;
    padding-top: 10px;
}

.request-box .request-body .req-head .action-box .r-btn {
    color: #fff;
    background-color: #1f2227;
    display: inline-block;
    padding: 5px 15px;
    font-size: 13px;
    border-radius: 20px;
    margin: 0 0 5px 5px;
}

.request-box .request-body .req-head .action-box .r-btn i {
    margin-right: 3px;
}

.request-box .request-body .req-head .action-box .r-btn:hover {
    opacity: .8;
}

.request-box .request-body .req-head .action-box .r-btn.accept-req {
    background-color: #1ccb58;
}

.request-box .request-body .req-head .action-box .r-btn.hold-req {
    background-color: #ffab00;
    color: #000;
}

.request-box .request-body .req-inner-body {
    float: left;
    width: 100%;
    min-height: 500px;
}

.request-box .request-body .req-inner-body .setting-form {
    padding: 20px;
    max-height: 421px;
    overflow-y: auto;
}

.request-box .request-body .req-inner-body .setting-form .table {
    margin-bottom: 0;
}

.request-box .request-body .req-inner-body .setting-form .table .has-btns a.del-btn {
    background-color: #ffab00;
    color: #000;
}

.hold-requests {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    border-top: 1px solid #dfdfdf;
    background-color: #fff;
}

.hold-requests a {
    display: inline-block;
    color: #1f2227;
    background-color: #ffab00;
    padding: 10px 30px;
    border-radius: 20px;
    width: 100%;
    text-align: center;
    font-family: r-md;
    text-transform: uppercase;
    font-size: 12px;
}

.hold-requests a:hover {
    opacity: .8;
}


/* ************************* Product Page ****************************** */

.product-inner {
    min-height: 0;
    padding: 70px 0;
}

.product-page,
.product-img {
    padding: 0;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.product-slider {
    box-shadow: 0 0 30px rgba(152, 154, 157, 0.50);
    direction: ltr;
    transform: translateY(-25px);
    border-radius: 15px;
    overflow: hidden;
}

.product-slider .item {
    position: relative;
    max-height: 500px;
    height: 500px;
    background-color: #fff;
}

.product-slider .item img {
    width: 100%;
    height: 100%;
}

.owl-controls {
    margin: 0;
}

.owl-controls .owl-buttons div {
    padding: 0;
    opacity: 1;
    margin: 0;
    display: block;
}

.owl-controls .owl-buttons div .testi-right,
.owl-controls .owl-buttons div .testi-left {
    position: absolute;
    top: 50%;
    margin: 0;
    color: #000000;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #ffab00;
    text-align: center;
    font-size: 27px;
    z-index: 5;
    transform: translateY(-50%);
    border-radius: 100%;
    transition: all .3s;
    box-shadow: 0 0 15px 5px rgba(255, 211, 31, 0.34);
}

.owl-controls .owl-buttons div .testi-right {
    right: 23px;
}

.owl-controls .owl-buttons div .testi-left {
    left: 23px;
}

.related-slider .owl-controls .owl-buttons div .testi-right {
    right: -50px;
}

.related-slider .owl-controls .owl-buttons div .testi-left {
    left: -50px;
}

.owl-controls .owl-buttons div .testi-right:hover,
.owl-controls .owl-buttons div .testi-left:hover {
    background-color: #1f2227;
    color: #fff;
    box-shadow: 0 0 155px 5px rgba(31, 34, 39, 0.33);
    transition: all .3s;
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #ffab00;
}

.rating-container .star {
    font-size: 25px;
}

.rating-container .empty-stars .star {
    color: #515365;
}

.rating-container .filled-stars {
    text-shadow: none;
    -webkit-text-stroke: 1px #f8d029;
    color: #ffd93b;
}


/*
.rating-container .rating{
    top: -3px;
}
*/

.rating-container .caption {
    color: #999;
    font-size: 60%;
    margin-top: -1px;
    margin-left: 10px;
    margin-right: 0;
}

.rating-container .caption span {
    font-size: 13px;
    font-weight: normal;
}

.rating-container .clear-rating {
    cursor: not-allowed;
    font-size: 16px;
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 22px;
    background-color: #515365;
    padding: 0;
    margin-right: 10px;
    border-radius: 3px;
    color: #fff;
}

.rating-container .clear-rating:hover {
    color: #fff;
    background-color: #3c3e52;
}


/*
.rating {
    direction: ltr;
    margin-bottom: 0 !important;
}
*/

.inner .rating {
    direction: ltr;
    margin-bottom: 0 !important;
    text-align: left;
    padding: 15px;
}

.product-slider-thumbs {}

.product-slider-thumbs .item {
    overflow: hidden;
    border-radius: 10px;
    transition: all .3s;
    height: 80px;
    margin-right: 15px;
    cursor: pointer;
    border: 4px solid transparent;
}

.product-slider-thumbs .item img {
    height: 80px;
    width: 100%;
}

.product-slider-thumbs .synced .item {
    border: 4px solid #ffab00;
    transition: all .3s;
}

.product-img .share {
    margin-top: 30px;
}

.product-img .share h4 {
    font-family: r-md;
    text-transform: uppercase;
    font-size: 13px;
    color: #000;
    margin-bottom: 10px;
    letter-spacing: .5px;
    display: inline-block;
    margin-right: 20px;
}

.product-img .share ul li,
.product-img .share ul {
    display: inline-block;
}

.product-img .share ul li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    border: 1px solid #dfdfdf;
    margin: 0 5px 5px 0;
    font-size: 14px;
    transition: all .3s;
}

.product-img .share ul li a:hover {
    color: #fff;
    transform: scale(1.1);
    transition: all .3s;
}

.product-right {
    padding: 30px 0 30px 50px;
}

.product-right .title {
    margin-bottom: 20px;
}

.product-right .title h3 {
    font-family: r-bd;
    font-size: 30px;
    color: #1f2227;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.product-right .review {
    margin-bottom: 15px;
}

.product-right .review .stars {
    display: inline-block;
}

.product-right .review .stars ul li {
    display: inline-block;
    line-height: 0;
}

.product-right .review .stars ul li i {
    color: #ffd93b;
}

.product-right .review .stars ul li i.not-active {
    color: #d4d4d4;
}

.product-right .review .stars-data {
    display: inline-block;
    margin-left: 20px;
    float: right;
}

.product-right .review .stars-data a {
    color: #1f2227;
    font-size: 13px;
    text-transform: capitalize;
    margin-right: 10px;
    display: inline-block;
    letter-spacing: .5px;
}

.product-right .review .stars-data a + a {
    background-color: #1ccb58;
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    margin-right: 0;
}

.product-right .price {
    margin-bottom: 20px;
}

.product-right .price span {}

.product-right .price .old-price {
    color: #9c9c9c;
    text-decoration: line-through;
    font-size: 18px;
}

.product-right .price .after-discount {
    font-size: 40px;
    margin-right: 10px;
}

.product-right .desc {
    margin-bottom: 30px;
}

.product-right .desc p {
    font-size: 13px;
    letter-spacing: .5px;
}

.product-right .size h4 {
    font-family: r-md;
    font-size: 13px;
    padding-bottom: 7px;
    text-transform: uppercase;
    color: #000;
}

.product-right .size ul li {
    display: inline-block;
}

.product-right .size input {
    display: none;
}

.product-right .size label {
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: normal;
    font-family: r-md;
    font-size: 13px;
    color: #1f2227;
    margin: 0 10px 10px 0;
    text-transform: uppercase;
    cursor: pointer !important;
}

.product-right .size [type="radio"]:not(:checked) + label:before,
.product-right .size [type="radio"]:not(:checked) + label:after {
    border: 1px solid #dfdfdf;
    border-radius: 0;
}

.product-right .size [type="radio"] + label:before,
.product-right .size [type="radio"] + label:after {
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 0;
}

.product-right .size [type="radio"]:checked + label:after,
.product-right .size [type="radio"].with-gap:checked + label:after {
    background-color: transparent;
    border: 0;
    border-radius: 0;
}

.product-right .size [type="radio"]:checked + label:before {
    border: 2px solid #ffab00;
}

.product-right .size {
    margin-bottom: 10px;
}

.product-right .extra {
    border-top: 1px solid #dfdfdf;
    padding-top: 20px;
}

.product-right .extra .cart_quantity {
    display: inline-block;
}

.product-right .extra .cart_quantity .btn-minus,
.product-right .extra .cart_quantity .btn-plus {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #dfdfdf;
    display: inline-block;
    font-family: r-md;
    font-size: 18px;
    color: #1f2227;
}

.product-right .extra .cart_quantity .form-control {
    max-width: 60px;
    display: inline-block;
    margin: 0px 10px;
    border: 1px solid #dfdfdf;
    background-color: #f3f3f3;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #000;
    position: relative;
    top: -3px;
}

.product-right .extra .cart_btns {
    float: right;
    display: inline-block;
}

.product-right .extra .cart_btns a {
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #dfdfdf;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    text-transform: uppercase;
}

.product-right .extra .cart_btns a + a {
    margin-right: 0;
}

.product-right .extra .cart_btns a.add-cart {
    color: #000;
    background-color: #ffab00;
    border-color: #ffab00;
}

.product-right .extra .cart_btns a.add-cart span {
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
}

.product-right .extra .cart_btns a.add-cart i {
    margin-right: 5px;
}

.product-right .extra .cart_btns a.fave {
    background-color: #ed1b24;
    border-color: #ed1b24;
    color: #fff;
}

.product-right .extra .cart_btns a.fave.active {
    color: #ed1b24;
    background-color: #fff;
}

.product-right .extra .cart_btns a.fave.active i:before {
    content: "\f004";
}

.product-info {
    margin-top: 70px;
    padding: 0;
}

.product-info .nav-header {
    padding: 0;
}

.product-info .nav-header .nav-tabs {
    border: 0;
}

.product-info .nav-header .nav-tabs li {
    margin: 0;
    display: table-cell;
    float: none;
    width: 1%;
    text-align: center;
}

.product-info .nav-header .nav-tabs li a {
    margin: 0;
    transition: all .3s;
    background-color: #f3f3f3;
    border: 0;
    border-right: 1px solid #dfdfdf;
    border-radius: 0;
    line-height: normal;
    display: block;
    color: #000;
    font-family: r-md;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .5px;
    padding: 15px;
}

.product-info .nav-header .nav-tabs li:last-child a {
    border: 0;
}

.product-info .nav-header .nav-tabs li.active a,
.product-info .nav-header .nav-tabs li a:hover {
    background-color: #ffab00;
    border-right-color: #fff;
    transition: all .3s;
}

.product-info .nav-header .nav-tabs > li.active > a,
.product-info .nav-header .nav-tabs > li.active > a:focus,
.product-info .nav-header .nav-tabs > li.active > a:hover {
    border: 0;
}

.product-info .tab-content {
    padding: 0;
}

.product-info .tab-content .tab-pane {
    padding: 30px 0;
}

.product-info .tab-content .tab-pane p {
    font-size: 13px;
    letter-spacing: .5px;
}

.product-info .tab-content .tab-pane .form-group {}

.product-info .tab-content .tab-pane .form-group label {
    font-weight: normal;
    font-family: r-md;
    font-size: 14px;
    margin-bottom: 10px;
}

.product-info .tab-content .tab-pane .form-group .form-control {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    box-sizing: border-box;
    margin: 0;
}

.product-info .tab-content .tab-pane .form-group .rating-xs {
    font-size: 16px;
}

.product-info .tab-content .tab-pane .form-group .rating-container .rating {
    line-height: 0;
}

.product-info .tab-content .tab-pane .form-group .rating-container .caption {
    margin-top: 2px;
}

.product-info .tab-content .tab-pane .form-group textarea.form-control {
    min-height: 120px;
    box-shadow: none;
}

.product-info .tab-content .tab-pane .form-group button {
    border: 0;
    display: inline-block;
    text-align: center;
    padding: 14px 16px;
    border-radius: 5px;
    font-family: r-md;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 13px;
    background-color: #ffab00;
    transition: all .3s;
}

.product-info .tab-content .tab-pane .form-group button:hover {
    background-color: #1f2227;
    color: #ffab00;
    transition: all .3s;
}

.product-info .tab-content .tab-pane .reviewers {
    padding: 0;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 30px;
    background-color: #f7f7f7
}

.product-info .tab-content .tab-pane .reviewers ul li {
    padding: 15px;
    border-bottom: 1px solid #dfdfdf;
}

.product-info .tab-content .tab-pane .reviewers ul li:last-child {
    border-bottom: 0;
}

.product-info .tab-content .tab-pane .reviewers ul li .rev-img {
    float: left;
    margin-right: 15px;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    overflow: hidden;
}

.product-info .tab-content .tab-pane .reviewers ul li .rev-img img {
    width: 70px;
    height: 70px;
}

.product-info .tab-content .tab-pane .reviewers ul li .rev-data {
    overflow: hidden;
}

.product-info .tab-content .tab-pane .reviewers ul li .rev-data .title {
    margin-bottom: 5px;
}

.product-info .tab-content .tab-pane .reviewers ul li .rev-data .title a {
    display: inline-block;
    line-height: normal;
    color: #000;
    font-family: r-md;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.product-info .tab-content .tab-pane .reviewers ul li .rev-data .title ul {
    display: inline-block;
    float: right;
}

.product-info .tab-content .tab-pane .reviewers ul li .rev-data .title ul li {
    display: inline-block;
    padding: 0;
    margin-left: 2px;
    border-bottom: 0;
}

.product-info .tab-content .tab-pane .reviewers ul li .rev-data .title ul li i {
    font-size: 14px;
    color: #ecc112;
}

.product-info .tab-content .tab-pane .reviewers ul li .rev-data .title ul li i.not-active {
    color: #000;
}

.product-info .tab-content .tab-pane .reviewers ul li .rev-data .desc {
    margin-bottom: 5px;
}

.product-info .tab-content .tab-pane .reviewers ul li .rev-data .date span {
    font-size: 12px;
    color: #909090;
}

.product-inner .products-card {
    margin-top: 70px;
    margin-bottom: 0;
}

.products-card .related-slider .owl-wrapper-outer {
    padding-top: 20px;
}

.product-page-bottom {
    padding-bottom: 0;
}


/* ********************* User Messages ************************** */

.order-view {
    padding: 0;
}

.order-view .block {
    background-color: #f7f7f7;
    border-radius: 5px;
    border: 1px solid #dfdfdf;
    overflow: hidden;
}

.order-view .block .block-img {
    max-height: 200px;
    overflow: hidden;
}

.order-view .block .block-img img {
    margin: 0 auto;
    width: 100%;
}

.order-view .block .block-data {
    padding: 15px;
    float: left;
    width: 100%;
}

.order-view .block .block-data .name {
    line-height: normal;
    margin-bottom: 10px;
}

.order-view .block .block-data .name a {
    font-size: 14px;
}

.order-view .block .block-data .price {
    line-height: normal;
    margin-bottom: 20px;
}

.order-view .block .block-data .price span {
    font-size: 14px;
}

.order-view .block .block-data .price .amount {
    font-size: 13px;
    font-style: normal;
    background-color: #ffab00;
    color: #1f2227;
    display: inline-block;
    margin-left: 10px;
    border-radius: 3px;
    padding: 4px;
}

.order-view .block .block-data .block-company {
    float: left;
    width: 100%;
}

.order-view .block .block-data .block-company .comp-img {
    width: 40px;
    height: 40px;
    overflow: hidden;
    float: left;
    margin-right: 8px;
    border-radius: 100%;
    border: 1px dashed #dfdfdf;
}

.order-view .block .block-data .block-company .comp-img img {
    width: 40px;
    height: 40px;
}

.order-view .block .block-data .block-company .comp-data {
    overflow: hidden;
    padding-top: 6px;
}

.order-view .block .block-data .block-company .comp-data a {
    font-size: 14px;
    color: #000;
}

.order-msgs {}

.order-msgs .msg-el {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #dfdfdf;
    padding: 15px;
}

.order-msgs .msg-el .msg-img {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 100%;
    border: 2px solid #ffab00;
}

.order-msgs .msg-el .msg-img img {
    width: 50px;
    height: 50px;
}

.order-msgs .msg-el .msg-data {
    overflow: hidden;
    /*padding-top: 5px;*/
}

/*.order-msgs .msg-el .msg-data .name {*/

/*    line-height: normal;*/

/*}*/

.order-msgs .msg-el .msg-data .name a {
    font-size: 14px;
    font-family: r-md;
}

/*.order-msgs .msg-el .msg-data .date {*/

/*    line-height: normal;*/

/*}*/

.order-msgs .msg-el .msg-data .date span {
    font-size: 13px;
    color: #888;
}

.order-msgs .msg-el .msg-body {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.order-msgs .msg-el .msg-body p,
.order-msgs .msg-el .msg-body pre {
    font-size: 13px;
    letter-spacing: .5px;
    font-family: r-rg;
}

.order-msgs .msg-el .msg-body .uploaded-files {
    margin-top: 10px;
}

.order-msgs .msg-el .msg-body .uploaded-files a {
    display: block;
    padding: 10px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
}

.order-msgs .msg-el .msg-body .uploaded-files a:hover {
    background-color: #f7f7f7;
}

.order-msgs .msg-el .msg-body .uploaded-files .file-type {
    font-size: 11px;
    background-color: #000;
    display: inline-block;
    padding: 2px 7px;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    float: left;
    margin-right: 5px;
}

.order-msgs .msg-el .msg-body .uploaded-files .file-type.zip {
    background-color: #a94442;
}

.order-msgs .msg-el .msg-body .uploaded-files .file-type.img {
    background-color: #14ca54;
}

.order-msgs .msg-el .msg-body .uploaded-files .file-data {
    overflow: hidden;
    display: block;
    line-height: normal;
}

.order-msgs .msg-el .msg-body .uploaded-files .file-data p {
    display: inline-block;
}

.order-msgs .msg-el .msg-body .uploaded-files .file-data .file-size {
    font-size: 12px;
    font-style: normal;
    color: #000;
}

.order-msgs .msg-el:last-of-type {
    border-bottom: 0;
}

.order-msgs .msg-elements {
    max-height: 390px;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 20px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    padding: 0;
    min-height: 390px;
}

.order-msgs .msg-form {
    padding: 0;
}

.order-msgs .msg-form .form-group {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.order-msgs .msg-form textarea.form-control {
    min-height: 150px;
    box-shadow: none;
    padding: 15px;
    font-size: 13px;
    line-height: 1.7;
}

.order-msgs .msg-form textarea.form-control:focus {
    border: 1px solid #dfdfdf;
    border-bottom: 1px solid #ffab00;
}

.order-msgs .msg-form .btn-send {
    border: 0;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-family: r-md;
    text-align: center;
    font-size: 13px;
    color: #000;
    background-color: #ffab00;
    border-radius: 5px;
    padding: 10px 30px;
}

.order-msgs .msg-form .fileupload {}

.order-msgs .msg-form .btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    background-color: #f3f3f3;
    border: 0;
    padding: 0 15px;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 12px;
    border-radius: 5px;
    color: #1f2227;
    line-height: 50px;
    box-shadow: none;
    letter-spacing: 0;
    height: 50px;
    display: inline-block;
    border: 1px solid #dfdfdf;
}

.order-msgs .msg-form .btn-file > input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-300px, 0) scale(4);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}

.order-msgs .msg-form .files-box {}

.order-msgs .msg-form .files-box .file-el {
    background-color: #fbfbfb;
    border: 1px solid #dfdfdf;
    margin-top: 15px;
    padding: 10px 15px;
    border-radius: 5px;
    float: left;
    width: 100%;
}

.order-msgs .msg-form .files-box .file-el .file-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    margin-right: 10px;
    float: left;
    font-size: 20px;
}

.order-msgs .msg-form .files-box .file-el .file-data {
    overflow: hidden;
}

.order-msgs .msg-form .files-box .file-el .file-data p {
    font-size: 13px;
    display: inline-block;
    max-width: 140px;
    overflow: hidden;
    max-height: 17px;
    float: left;
}

.order-msgs .msg-form .files-box .file-el .file-data .size {
    font-size: 13px;
    margin-left: 5px;
    float: left;
}

.order-msgs .msg-form .files-box .file-el .file-data .rem {
    float: right;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 100%;
    border: 0;
    color: #fff;
    background-color: #d81212;
    padding: 0;
    font-size: 12px;
}

.order-msgs .msg-form .files-box .file-el .file-data .progress {
    margin: 0;
    padding: 0;
    float: left;
    top: 0;
    border-radius: 5px;
    background-color: rgb(226, 226, 226);
}

.order-msgs .msg-form .files-box .file-el .file-data .progress .progress-bar {
    margin: 0;
    font-size: 12px;
}

.privacy-content {
    padding: 15px;
}

.privacy-content p {
    font-size: 13px;
    letter-spacing: .5px;
    line-height: 1.7;
}


/* ======================== Cart ========================= */

.cart-big,
.cart-table {
    padding: 0;
}

.cart-table .pro-img {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.cart-table .cart_quantity {
    text-align: center;
}

.cart-table .cart_quantity a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    border: 1px solid #dfdfdf;
    user-select: none;
    display: inline-block;
    color: #000;
    font-size: 20px;
}

.cart-table .cart_quantity .form-control {
    height: 40px;
    display: inline-block;
    margin-bottom: 0;
    width: 70px;
    text-align: center;
    border: 1px solid #dfdfdf;
    background-color: #f3f3f3;
    position: relative;
    top: -4px;
    color: #000;
    user-select: none;
}

.cart-table .price {
    font-size: 15px;
    display: inline-block;
}

.cart-table .rem {
    border: 0;
    width: 25px;
    height: 25px;
    /*line-height: 25px;*/
    text-align: center;
    padding: 0;
    border-radius: 100%;
    float: right;
    background-color: #f10707;
    color: #fff;
    transition: all .3s;
}

/*.cart-table .rem:hover {
    transform: rotate(360deg);
    transition: all .3s;
}*/

.cart-table .rem i {
    position: relative;
    top: 49%;
    transform: translateY(-50%);
}

.cart-big .cart-widget {
    padding: 0;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    overflow: hidden;
}

.cart-big .cart-widget .cart-w-head {
    padding: 10px;
    background-color: #dfdfdf;
    color: #000;
    font-family: r-md;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.cart-big .cart-widget ul li {
    display: block;
    border-bottom: 1px solid #dfdfdf;
    padding: 15px;
    font-size: 14px;
}

.cart-big .cart-widget ul li:last-child {
    border-bottom: 0;
}

.cart-big .cart-widget ul li span {
    float: right;
    font-family: r-md;
}

.cart-big .cart-widget ul li.total {
    text-transform: uppercase;
    font-family: r-md;
    color: #000;
}

.cart-big .cart-widget ul li.total span {
    color: #d81212;
}

.cart-big .cart-table-btns {
    padding: 0;
}

.check-btn {
    margin: 15px 0;
    padding: 0;
}

.cart-big .check-btn button,
.cart-big .cart-table-btns .update-cart {
    border: 0;
    color: #000;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
    text-transform: uppercase;
    font-family: r-md;
    letter-spacing: .5px;
    font-size: 13px;
    background-color: #ffab00;
    transition: all .3s;
}

.cart-big .cart-table-btns .update-cart {
    float: right;
}

.cart-big .check-btn button:hover,
.cart-big .cart-table-btns .update-cart:hover {
    background-color: #1f2227;
    color: #fff;
    transition: all .3s;
}

div[style="text-align: right;position: fixed;z-index:9999999;bottom: 0; width: 100%;cursor: pointer;line-height: 0;"] {
    display: none !important;
}

.pro-name b,
.pro-name a {
    display: inline-block;
    overflow: hidden;
    font-weight: normal;
    font-family: r-md;
    max-width: 70%;
}

.payment-radios {}

.payment-radios .pay-item {
    margin-bottom: 20px;
    background-color: #f7f7f7;
    padding: 15px;
    border-radius: 5px;
}

.payment-radios .pay-item > label {
    cursor: pointer!important;
}

.payment-radios .pay-item label img {
    width: 100px;
}

.payment-radios .pay-item .pay-inner {
    padding: 15px 15px 0;
    display: none;
}

.payment-radios .pay-item .pay-inner a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-family: r-md;
    letter-spacing: .5px;
    font-size: 13px;
    color: #fff;
    background-color: #1f2227;
    padding: 10px;
    border-radius: 5px;
}

.payment-radios .pay-item .pay-inner a:hover {
    opacity: .9;
}

.payment-radios .pay-item .pay-inner .form-group {}

.payment-radios .pay-item .pay-inner .form-group:last-of-type {
    margin-bottom: 0;
}

.payment-radios .pay-item .pay-inner .form-group label {
    cursor: default!important;
    margin-bottom: 10px;
    font-weight: normal;
    font-family: r-md;
    font-size: 13px;
}

.payment-radios .pay-item .pay-inner .form-group .form-control {
    height: 40px;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #dfdfdf;
    padding-left: 10px;
    background-color: #fff;
    border-radius: 5px;
    font-size: 13px;
    margin-bottom: 0;
}

.payment-radios .pay-item [type="radio"] + label:before,
.payment-radios .pay-item [type="radio"] + label:after {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #c7c7c7;
}

.payment-radios .pay-item [type="radio"].with-gap:checked + label:after {
    background-color: #1f2227;
}


/* ==================== New ******************** */

.wrap-map .header-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: transparent;
}

.wrap-map .header-content .logo {
    float: left;
    background-color: #fff;
    padding: 20px;
    border-radius: 100%;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.12);
}

.wrap-map .header-content .head-right-content {
    float: right;
    background-color: #fff;
    padding: 20px;
    border-radius: 60px;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.12);
}


/* ************************** User Profile ********************************* */

.user-profile,
.user-profile .tab-content {
    padding: 0;
}

.user-profile .user-img {
    margin-bottom: 50px;
    text-align: center;
}

.user-profile .user-img img {
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 100%;
    box-shadow: 0 0 0 7px #ffab00;
    border: 7px solid #ffffff;
    position: relative;
    top: 10px;
}

.user-profile .user-nav {
    padding: 0;
}

.user-profile .user-nav .nav-tabs {
    border-bottom: 0;
}

.user-profile .user-nav .nav-tabs li {
    display: table-cell;
    text-align: center;
    width: 1%;
    float: none;
    margin: 0;
}

.user-profile .user-nav .nav-tabs li a {
    display: block;
    text-align: center;
    transition: all .3s;
    background-color: #f7f7f7;
    text-transform: uppercase;
    font-family: r-md;
    font-size: 14px;
    letter-spacing: 1px;
    color: #000;
    border: 0;
    margin: 0 5px;
    transition: all .3s;
}

.user-profile .user-nav .nav-tabs li.active a,
.user-profile .user-nav .nav-tabs li a:hover {
    background-color: #ffab00;
    transition: all .3s;
}

.user-profile .user-content {
    padding: 30px 10px 0;
    float: left;
    width: 100%;
}

.followed-companies .products-box .block .inner:hover .block-cart a {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.user-profile .bio-about {
    max-width: 900px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: .5px;
}

.user-profile .profile-user-social {
    text-align: center;
}

.user-profile .profile-user-social ul li {
    display: inline-block;
}

.user-profile .profile-user-social ul li a {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border: 1px solid #dfdfdf;
    border-radius: 100%;
    display: inline-block;
    color: #fff;
    margin-right: 10px;
    font-size: 19px;
    transition: all .3s;
}

.user-profile .profile-user-social ul li a:hover {
    transform: scale(1.2);
    transition: all .3s;
}


/* ********************** Contact Us ******************************* */

.contact-form {
    padding-left: 0;
}

.contact-form .inner,
.contactus-data .inner {
    padding: 20px;
}

.contactus-data {
    padding-right: 0;

}

.contactus-data .inner {
    background-image: url(../images/contact-dots.png);
    min-height: 466px;
}

.contact-form .inner .form-group {
    padding: 0;
}

.contact-form .inner .form-group label {
    font-weight: normal;
    font-family: r-md;
    font-size: 14px;
    margin-bottom: 10px;
}

.contact-form .inner .form-group .form-control {
    height: 40px;
    padding-left: 10px;
    border: 1px solid #dfdfdf;
    font-size: 13px;
    border-radius: 5px;
    margin: 0;
    line-height: 40px;
    box-sizing: border-box;
}

.contact-form .inner .form-group textarea.form-control {
    height: 150px;
    box-shadow: none;
    padding: 10px;
    line-height: normal;
}

.contact-form .inner .form-group button {
    color: #000;
    background-color: #ffab00;
    border: 0;
    padding: 10px 30px;
    text-align: center;
    line-height: normal;
    border-radius: 5px;
    font-size: 13px;
    letter-spacing: .5px;
    font-family: r-md;
    text-transform: uppercase;
}

.contactus-data .inner .c-item {
    margin-bottom: 30px;
}

.contactus-data .inner .c-item h4 {
    text-transform: uppercase;
    font-family: r-bd;
    color: #000;
    letter-spacing: .5px;
    font-size: 15px;
}

.contactus-data .inner .c-item h4 i {
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: #ffab00;
    line-height: 40px;
    border-radius: 100%;
    margin-right: 5px;
    color: #000;
}

.contactus-data .inner .c-item p {
    padding-left: 20px;
    margin-top: 10px;
    font-size: 14px;
}

/* ************************ FAQS ***************************** */

.faqs-wizard {
    max-width: 950px;
}

.faqs-wizard .panel-group {
    margin-bottom: 0;
}

.faqs-wizard .panel-group .panel {
    border: 1px solid #dfdfdf;
    border-radius: 0;
    box-shadow: none;
}

.faqs-wizard .panel-group .panel .panel-heading {
    background-color: #fff;
    border: 0;
    border-radius: 0;
    padding: 0;
}

.faqs-wizard .panel-group .panel .panel-title {
    font-size: 15px;
    color: #888888;
}

.faqs-wizard .panel-group .panel .panel-title a {
    display: block;
    font-size: 13px;
    letter-spacing: .5px;
    color: #424242;
    text-transform: uppercase;
    font-family: r-md;
}

.faqs-wizard .panel-group .panel .panel-title a i {
    display: inline-block;
    width: 50px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    background-color: #f1f1f1;
    color: #888888;
    font-size: 15px;
    margin-right: 10px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.faqs-wizard .panel-group .panel .panel-collapse {}

.faqs-wizard .panel-group .panel .panel-collapse .panel-body {
    border-top-color: #dfdfdf;
}

.faqs-wizard .panel-group .panel .panel-collapse .panel-body p {
    color: #7d8286;
    font-size: 13px;
    line-height: 1.8;
}

.privacy-item {}

.privacy-item h3 {
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    font-family: r-bd;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .5px;
}

.privacy-item p {
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 1.8;
}

/* ********************** Map info ******************** */

.map-mark-info {}

.map-mark-info .comp-logo {
    float: left;
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 10px;
    text-align: center;
}

.map-mark-info .comp-logo .logo-img {
    /*        float: left;*/
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px;
    border: 1px dashed #1f2227;
}

.map-mark-info .comp-logo .logo-img img {
    width: 60px;
    height: 60px;
}

.map-mark-info .comp-logo .logo-data {
    padding-top: 20px;
    display: inline-block;
    vertical-align: top;
}

.map-mark-info .comp-logo .logo-data a {
    font-family: r-md;
    color: #2f76ce;
}

.map-mark-info .comp-info {
    float: left;
    width: 100%;
}

.map-mark-info .comp-info .info-item {
    border-bottom: 1px solid #dfdfdf;
    padding: 10px 0;
}

.map-mark-info .comp-info .info-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.map-mark-info .comp-info .info-item p {
    font-family: r-bd;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 12px;
}

.map-mark-info .comp-info .info-item span {
    font-size: 15px;
    margin: 2px;
    color: #e8c122;
}

.map-mark-info .comp-info .info-item span.not-active {
    color: #9c9c9c;
}

.map-mark-info .comp-info .info-item a {
    width: 100%;
    text-align: center;
    display: block;
    background-color: #ffab00;
    padding: 10px;
    border-radius: 5px;
    color: #000;
    font-family: r-bd;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 9px;
    transition: all .3s;
}

.map-mark-info .comp-info .info-item a:hover {
    background-color: #000;
    color: #fff;
    transition: all .3s;
}

.map-mark-info .comp-info .info-item a i {
    margin-right: 3px;
    font-size: 12px;
}

.marketing-btn {
    /*
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
*/
    display: inline-block;
    position: absolute;
    left: 48%;
    margin: 0 -50px;
}

.marketing-btn a {
    color: #000;
    text-transform: uppercase;
    font-size: 13px;
    font-family: r-md;
    letter-spacing: 1px;
    background-color: #ffab00;
    display: inline-block;
    padding: 0 15px;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    position: relative;
    top: 5px;
    border-bottom: 3px solid #d9af00;

}

.marketing-btn a:hover {
    opacity: .9;
}

/* *********************** Job Requests ********************* */

.job-request {
    padding: 20px;
    max-height: 495px;
    overflow-y: auto;
}

.job-request .jop-req-item {
    margin-bottom: 20px;
    background-color: #f7f7f7;
    padding: 10px;
    border-radius: 5px;

}

.job-request .jop-req-item:last-of-type {
    margin-bottom: 20px;
}

.job-request .jop-req-item h4 {
    font-family: r-bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.job-request .jop-req-item p {
    font-size: 14px;
}

.job-request .jop-req-item p a {
    display: inline-block;
    background-color: #1ccb58;
    padding: 10px 30px;
    border-radius: 20px;
    color: #fff;
    margin-top: 3px;
}

.job-request .jop-req-item p a:hover {
    opacity: .8;
}

.job-request .jop-req-item p a i {
    margin-right: 3px;
}

.job-request .jop-req-item p img {
    width: 200px;
    height: 200px;
    border-radius: 5px;
    border: 3px solid #fff;
    margin-top: 3px;
}


/* ******************** Jobs ********************************** */

.jobs-box {
    background-color: #f4f4f4;
    padding: 70px 0 0;
}

.jobs-box .block {
    margin-bottom: 50px;
}

.jobs-box .inner {
    padding: 0;
    transition: all .3s;
}

.jobs-box .inner:hover {
    transform: translateY(-10px);
    box-shadow: 0 0px 70px 15px rgba(0, 0, 0, 0.05);
    transition: all .3s;
}

.jobs-box .inner .inner-comp {
    text-align: center;
    position: relative;
    top: -20px;
    transition: all .3s;
}

.jobs-box .inner:hover .inner-comp {
    top: -30px;
    transition: all .3s;
}

.jobs-box .inner .inner-comp img {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    box-shadow: 0 0 0 5px #fff;
    margin: 0 auto;
    transition: all .3s;
    border: 1px solid #f3f3f3;
}

.jobs-box .inner .inner-data {
    padding: 15px;
    background-color: #f7f7f7;
    border: 6px solid #FFF;
    border-top: 0;
}

.jobs-box .inner .inner-data p {
    font-size: 13px;
    background-color: #fafafa;
    padding: 7px 10px;
    border-radius: 5px;
}

.jobs-box .inner .inner-data .name,
.jobs-box .inner .inner-data .price,
.jobs-box .inner .inner-data .field,
.jobs-box .inner .inner-data .phones,
.jobs-box .inner .inner-data .desc {
    margin-bottom: 10px;
}

.jobs-box .inner .inner-data .name {
    text-align: center;
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
}

.jobs-box .inner .inner-data .name a {
    font-family: r-md;
    letter-spacing: .5px;
    font-size: 14px;
}

.jobs-box .inner .inner-data .view a {
    display: block;
    text-align: center;
    color: #fff;
    background-color: #1ccb58;
    font-family: r-md;
    font-size: 13px;
    padding: 8px;
    border-radius: 5px;
    transition: all .3s;
}

.jobs-box .inner .inner-data .view a:hover {
    background-color: #1f2227;
    color: #fff;
    transition: all .3s;
}

.jobs-box .inner .inner-data .desc p {
    max-height: 67px;
    overflow: hidden;
}

.jobs-box .jobs-page {
    margin-bottom: 70px;
    text-align: center;
    padding: 0;
}

.jobs-box .jobs-page .pagination {
    margin: 0;
}

.jobs-box .jobs-page .pagination li {
    height: auto;
    border-radius: 0;
    cursor: default;
    margin: 0 0 10px 10px;
    background-color: transparent;
}

.jobs-box .jobs-page .pagination li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    padding: 0;
    color: #000;
    border-radius: 5px;
    border: 0;
    transition: all .3s;
}

.jobs-box .jobs-page .pagination > li > a:focus,
.jobs-box .jobs-page .pagination > li > a:hover,
.jobs-box .jobs-page .pagination > .active > a,
.jobs-box .jobs-page .pagination > .active > a:focus,
.jobs-box .jobs-page .pagination > .active > a:hover {
    color: #000;
    transition: all .3s;
    background-color: #ffab00;
}

/* ****************** Job Details **************** */

.j-details {
    margin-bottom: 50px;
}

.j-sidebar {
    padding-left: 45px;
    margin-bottom: 50px;
    padding-right: 0;
}

.j-sidebar .j-sidebar-head {
    position: relative;
    margin-bottom: 20px;
}

.j-sidebar .j-sidebar-head:after {
    content: '';
    position: absolute;
    height: 1px;
    background-color: #dfdfdf;
    width: 100%;
    top: 23px;
    left: 0;
}

.j-sidebar .j-sidebar-head h3 {
    color: #444;
    background-color: #fff;
    display: inline-block;
    border-radius: 5px;
    box-shadow: 0 0 24px rgba(154, 162, 173, 0.33);
    padding: 14px 17px;
    position: relative;
    z-index: 1;
    margin-left: 20px;
    font-size: 15px;
}

.j-sidebar .j-item h4 a {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 15px;
    font-family: r-md;
}

.j-sidebar .j-item p {
    margin-bottom: 10px;
    font-size: 14px;
}

.j-sidebar .j-item p:last-of-type {
    margin-bottom: 0;
}

.j-top {}

.j-top .j-image {
    width: 250px;
    float: left;
    margin-right: 30px;
    display: none;
}

.j-top .j-image img {
    width: 250px;
    height: 250px;
    border-radius: 20px;
}

.j-top .j-image p {
    padding: 20px;
    font-size: 13px;
    text-align: center;
    color: #9e9e9e;
}

.j-top .j-top-data {
    overflow: hidden;
}

.j-top .j-top-data h3 {
    font-family: r-bd;
    font-size: 22px;
    margin-bottom: 15px;
}

.j-top .j-top-data p {
    font-size: 15px;
    margin-bottom: 15px;
}

.j-top .j-top-data p i {
    margin-right: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #ffab00;
    text-align: center;
    border-radius: 100%;
    color: #000;
}

.j-top .j-top-data p a {
    display: inline-block;
}

.j-top .j-top-data a.apply-job {
    text-align: center;
    display: block;
    background-color: #1ccb58;
    padding: 11px;
    border-radius: 20px;
    color: #fff;
    font-family: r-md;
    font-size: 14px;
    letter-spacing: 1px;
}

.j-top .j-top-data a.apply-job:hover {
    opacity: .9;
}

.j-bottom {
    width: 100%;
    float: left;
    border-top: 1px solid #dfdfdf;
    padding-top: 20px;
}

.j-bottom .desc h4 {
    font-family: r-bd;
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .5px;
    padding-bottom: 10px;
}

.j-bottom .desc p {
    font-size: 14px;
}

.modal-content .form-group .btn-file {
    background-color: #1ccb58 !important;
    border: 0;
    padding: 8px 12px;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: 14px;
    border-radius: 5px;
    color: #ffffff;
    line-height: normal;
    box-shadow: none;
    letter-spacing: 0;
    height: auto;
}

.modal-content .form-group .btn-file > input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-300px, 0) scale(4);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}

.modal-content .form-group .btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}

/* *************** Map Button ***************** */

@-webkit-keyframes ch-bg {
    0% {
        background-color: #ffab00;
        border-bottom-color: #cead26;
        color: #fff;
    }
    50% {
        background-color: #2b90e6;
        border-bottom-color: #1773c1;
        color: #fff;
    }
    100% {
        background-color: #1ccb58;
        border-bottom-color: #0da742;
        color: #fff;
    }
}

@-moz-keyframes ch-bg {
    0% {
        background-color: #ffab00;
        border-bottom-color: #cead26;
        color: #fff;
    }
    50% {
        background-color: #2b90e6;
        border-bottom-color: #1773c1;
        color: #fff;
    }
    100% {
        background-color: #1ccb58;
        border-bottom-color: #0da742;
        color: #fff;
    }
}

@keyframes ch-bg {
    0% {
        background-color: #ffab00;
        border-bottom-color: #cead26;
        color: #fff;
    }
    50% {
        background-color: #2b90e6;
        border-bottom-color: #1773c1;
        color: #fff;
    }
    100% {
        background-color: #1ccb58;
        border-bottom-color: #0da742;
        color: #fff;
    }
}

.map-search {
    -webkit-animation: ch-bg .6s infinite linear;
    animation: ch-bg .6s infinite linear;
    transition: all .3s;
}

.map-search.active {
    animation: none;
}

.marketing-btn .dropdown-content {
    top: 132% !important;
    z-index: 9999!important;
    min-width: 300px !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.65);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    left: 0 !important;
}

.marketing-btn .dropdown-content li {
    cursor: default;
}

.marketing-btn .dropdown-content .form-group {
    position: relative;
    margin: 0;
    padding: 10px;
}

.marketing-btn .dropdown-content .form-group .form-control {
    height: 40px;
    line-height: 40px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    padding-left: 10px;
    font-size: 13px;
    margin-bottom: 0;
}

.marketing-btn .dropdown-content li:hover .form-control {
    background-color: #fff;
}

.marketing-btn .dropdown-content .form-group .srch-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 40px;
    border: 0;
    padding: 0 15px;
    text-align: center;
    background-color: #ffab00;
    color: #000;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.order-inner-inbox {
    padding: 0;
    margin-top: 50px;
}

.order-inner-inbox .inner-inbox-head {
    font-family: r-bd;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    padding-bottom: 15px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 20px;
}

.order-inner-inbox .order-msgs {
    padding: 0;
}

.order-inner-inbox .order-msgs .msg-elements {
    border: 0;
    max-height: none;
    min-height: 0;
    overflow: hidden;
    background-color: #f7f7f7;
    padding: 15px;
}

.order-inner-inbox .order-msgs .msg-el {
    padding: 15px 0;
}


/* ******************* Notifications ******************** */

.notifications {}

.notifications-head {
    font-family: r-bd;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #000;
    font-size: 18px;
}

.notifications ul li {
    padding: 20px 0;
    border-bottom: 1px solid #dfdfdf;
}

.notifications ul li:last-child {
    border-bottom: 0;
}


.notifications ul li .not-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 300px;
    background-attachment: fixed;
    background-color: #f3f3f3;

}

.notifications ul li .not-data {
    padding: 15px 0 0 0;
}

.notifications ul li .not-data a {}

.notifications ul li .not-data p {
    font-size: 14px;
    margin-top: 10px;

}

.login-card .form-group textarea.form-control {
    min-height: 150px;
    box-shadow: none;
}

.setting-form .form-group .job-desc {
    font-size: 13px;
}

.form-group .profile-img.p-cv {
    max-height: none;
}

.form-group .profile-img.p-cv .img-edit-caption {
    position: relative;
    text-align: left;
    padding: 0;
}

.form-group .profile-img.p-cv .img-edit-caption .btn-file {
    box-shadow: none;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 13px;
}

.form-group .profile-img.p-cv .img-edit-caption .btn-file i {
    margin-right: 3px;
}

.form-group .profile-img.p-cv .img-edit-caption .btn-file span {
    font-family: r-md;
}

.modal-content.sectors-modal {
    max-width: 300px;
}

#app-layout {
    display: inline-block;
}

.header-content .head-right-content .head-right-extra ul li .dropdown-content.cart-dropdown {
    min-width: 280px !important;
    max-height: 330px !important;
    overflow: hidden;
    overflow-y: auto;
    border-radius: 5px;
    box-shadow: 1px 5px 20px 3px rgba(0, 0, 0, 0.12);
}

.vid-wrap {
    overflow: hidden;
    position: relative;
    height: 500px;
}

.vid-wrap img {
    width: 100%;
}

.company-form .nav-tabs li a {
    border: 0;
    margin: 0 5px;
    line-height: normal;
    border-radius: 5px;
    padding: 10px 5px;
    text-align: center;
    font-size: 13px;
    font-family: r-md;
    color: #888;
    min-height: 85px;
}

.login-card .form-group span {
    font-size: 13px;
}

#mapid {
    height: 400px;
    width: 100% !important;
}

.login-card.company-form .form-map,
.login-card .form-map {
    max-height: 400px;
}

.picker__close,
.picker__today,
.btn-flat {
    font-size: 13px;
    background-color: #ffab00;
    color: #000;
}

.picker__clear {
    background-color: #ff1f53;
    color: #fff;
}

.picker__date-display {
    text-align: center;
    background-color: #ffab00;
}

.picker__weekday-display {
    background-color: #e2bb1c;
}

.picker__day.picker__day--today {
    color: #ffab00;
}

.btn-flat:focus,
.btn-flat:hover {
    background-color: rgb(0, 0, 0);
    box-shadow: none;
    color: #ffab00;
}

.btn-flat:active {
    background-color: rgb(0, 0, 0);
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {

    background-color: #ffab00;
    color: #000000;
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
    cursor: pointer;
    color: #000000;
    background: #ffab00;
}

main {
    padding: 0;
}


/* new edit 3-11-2017 ******* */

.top-bar .bar-right ul li .dropdown-content {

    width: 100% !important;

    right: 0;
}

.top-bar .bar-right ul li {
    position: relative;
}

.top-bar .bar-right ul li .dropdown-content li a {
    text-align: center;
}

.vide-overlay {

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

.header-content {
    padding: 20px 0;
}

@media(max-width:991px) {
    .footer-bottom .container {
        padding: 0;
    }
}


.intl-tel-input .country-list {
    left: 0;
    width: 460px;
    border-radius: 5px;
    overflow: hidden;
    overflow-y: auto;
    direction: ltr;
}

.intl-tel-input .country-list .divider {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #CCC;
}

.intl-tel-input .selected-flag .iti-flag {
    position: relative !important;
    top: 50% !important;
    bottom: 0;
    margin: 0 10px 0 0 !important;
    transform: translateY(-50%);
}

.form-group .profile-img .img-edit-caption .btn-file {
    box-shadow: 0 0 14px 5px rgba(0, 0, 0, 0.08);
}

.modal {
    display: none;
    position: fixed;
    padding: 0;
    max-height: NONE;
    width: auto;
    margin: auto;
    will-change: top, opacity;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100000;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background-color: transparent;
}

.spec-pay .login-card {
    max-width: 100%;
}

.spec-pay {
    padding: 0;
}


.mCustomScrollbar {
    max-height: calc(100vh - 130px) !important;
}

.user-area .usr-img {
    border: 1px solid #dfdfdf;

}


.map-mark-info {
    float: left;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
}

.map-mark-info .comp-logo .logo-data {
    padding-top: 20px;
    display: inline-block;
    vertical-align: top;
    text-transform: capitalize;
    font-size: 12px !important;
    overflow: hidden;
    width: calc(100% - 70px);
}

.map-mark-info .comp-logo .logo-img {
    float: left;
}


.map-mark-info .comp-info .info-item a:last-of-type {
    margin-bottom: 0;
}

.thick-over {

    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 998;
    display: none;
}

.leaflet-marker-icon {
    z-index: 999;
}

.vid-wrap {
    background-image: url("/images/sbg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


.vid-wrap img {
    display: none;
}

.vide-overlay {
    background-color: rgba(0, 0, 0, 0.31);
}

.map-sidebar .r-results .r-item .r-img {
    width: 50px;
    height: 50px;
    float: left;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 5px;
    border: 0;
}

.map-sidebar .r-results .r-item {
    padding: 15px;
    border-bottom: 1px solid #dfdfdf;
    float: left;
    width: 100%;
    cursor: pointer;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    box-sizing: border-box;
}

.company-form .nav-tabs li a {
    color: #888;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.company-form .nav-tabs li.active a {
    color: #fff;
}

.company-form .nav-tabs li.active a span {
    background-color: #fff;
}

.company-form .nav-tabs li.active a span {
    color: #ffab00;
}


.login-card .card-head {
    float: left;
    width: 100%;
}


.company-form {
    max-width: 900px;
    margin-bottom: 0 !important;
}

.login-card .form-group .p-btn,
.form-group .profile-img .img-edit-caption .btn-file {
    color: #ffffff;

}


.vide-overlay {
    background-color: rgba(0, 0, 0, 0);
}

/* ************** Edit 12-11-2017 ****************** */

.leaflet-control-layers.leaflet-control {
    padding: 3px 5px;
}

.leaflet-top.leaflet-right {
    right: auto;
    left: 10px;
    top: 120px;
}

.leaflet-bar.leaflet-control.leaflet-control-custom {
    width: 40px !important;
    height: 40px !important;
    background-repeat: no-repeat;
    background-position: center center;
}

.leaflet-control-layers .leaflet-control-layers-list {
    display: block !important;
}

.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px !important;
    height: 33px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: none;
}

.leaflet-control-layers [type="checkbox"]:not(:checked),
.leaflet-control-layers [type="checkbox"]:checked {
    position: relative;
    left: auto;
    opacity: 1;
    margin: 0;
}

.leaflet-control-layers span {
    position: relative;
    top: 2px;
}

.map-mark-info .comp-logo .logo-data {
    text-align: left;
}

.map-mark-info .comp-info .info-item a {
    width: 47%;
    display: inline-block;
    margin: 0px 5px 7px 0 !important;
    font-size: 9px;
}

.items-b {
    float: left;
    width: 100%;
}



/* ********* edit 15-11-2017 ************** */

/* *********** bank style ************ */

.bank-data {
    text-align: center;
}

.bank-data .bank-img {
    margin-bottom: 30px;
}

.bank-data .bank-img img {
    max-width: 100%;
}

.bank-data .bank-desc {
    margin-bottom: 10px;
    font-family: r-md;
}

.bank-data .bank-number {
    font-family: r-md;
    margin-bottom: 10px;
}

.bank-data .bank-number p {}

.bank-data .bank-confirm p {
    font-size: 14px;
}

.bank-data .bank-confirm p a {
    display: inline-block;
    background-color: #ffab00;
    padding: 10px;
    border-radius: 3px;
    color: #fff;
    font-family: r-md;
    margin-left: 5px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: all .3s;
}

.bank-data .bank-confirm p a:hover {
    background-color: #000;
    color: #fff;
    transition: all .3s;
}

.bank-data .bank-confirm p a i {
    margin-right: 3px;
}

.map {
    min-height: 0;
    max-height: none;
}


.items-b {
    max-height: 100%;
    overflow-y: auto;
}


.map-sidebar .r-results {
    /* max-height: 563px; */
    overflow: hidden;
    /* min-height: 563px; */
}


.map-sidebar {
    position: absolute;
    background-color: #ffffff;
    width: 330px;
    left: 10px;
    top: 65px;
    overflow: auto;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.32);
    border-top: 0;
    min-width: 320px;
    z-index: 997;
    height: calc(100% - 20px);
    float: left;
    border-radius: 5px;
}

.map-sidebar .r-results {
    max-height: 100%;
    overflow: hidden;
    min-height: 0;
    overflow-y: auto;
}

.r-mini {
    height: 80px;
    background-color: #ffffff;
    border-bottom: 1px solid #dfdfdf;
    display: none;
}



.mysearch .form-group button.r-map-side {
    right: 0;
    border: 0;
}


.outer-map {
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s;
    min-width: 340px;
    height: 100%;
}

.outer-map.collapsed {
    right: -340px;
    transition: all .3s;
}

.wrap-map {
    overflow-x: hidden;
}

.collapse-mapside {
    float: left;
    z-index: 999;
    width: 30px;
    height: 30px;
    background-color: #fff;
    color: #000;
    line-height: 30px;
    border: 0;
    padding: 0;
    position: relative;
    left: 0;
    font-size: 20px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    top: 24px;
    box-shadow: -10px 0 20px 4px rgba(0, 0, 0, 0.12);
}

.collapse-mapside:focus {
    background-color: #dfdfdf;
    transition: all .3s;
}

.collapse-mapside.clicked {
    box-shadow: 0px 1px 20px 18px rgba(0, 0, 0, 0.12);
}

.collapse-mapside.clicked i:before {
    content: "\f104";
}


.back-allresults button {
    border: 0;
    width: 100%;
    padding: 10px 0;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #dfdfdf;
    background-color: #f3f3f3;
    margin-bottom: 5px;
    font-size: 13px;
    text-transform: uppercase;
    font-family: r-md;
    letter-spacing: .5px;
}

.back-allresults button:hover {
    opacity: .8;
}



.upper-sidebar {
    position: fixed;
    right: -280px;
    top: 0;
    z-index: 99999;
    width: 280px;
    background-color: #fff;
    box-shadow: 0 17px 15px 5px rgba(0, 0, 0, 0.24);
    height: 100%;
    transition: all .3s;

}

.upper-sidebar.opened {
    right: 0;
    transition: all .3s;
}

.upper-logo {
    height: 90px;
    padding: 19px;
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
    background-color: #000;
}

.upper-logo img {
    width: 80%;
}

.upper-body {
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
}

.upper-body ul li {
    display: block;
    float: left;
    width: 100%;
}

.upper-body ul li a {
    font-size: 14px;
    padding: 10px;
    display: block;
    color: #000;
    border-bottom: 1px solid #f1f1f1;
    float: left;
    width: 100%;
    transition: all .3s;
}

.upper-body ul li a:hover {
    background-color: #f3f3f3;
    transition: all .3s;
}

body.unsmoked {
    margin: 0 !important;
}

.upper-body .pr-img {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 100%;
    overflow: hidden;
}

.upper-body .pr-img img {
    width: 30px;
    height: 30px;
}

.upper-body .pr-data {
    overflow: hidden;
    padding-top: 5px;
}

.home-back {
    border-bottom: 1px solid #dfdfdf;
}

.home-back a {
    width: 100%;
    padding: 10px;
    font-size: 13px;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-family: r-md;
    display: block;
    color: #000;
    transition: all .3s;
}

.home-back a:hover {
    background-color: #dfdfdf;
    padding-left: 15px;
    transition: all .3s;
}

.home-back a i {
    margin-right: 3px;
}

/*.leaflet-control-layers-overlays label {*/

/*        background-image: url(/images/maps-layers.png);*/

/*    background-position: center center;*/

/*    background-size: cover;*/

/*    background-repeat: no-repeat;*/

/*    width: 25px;*/

/*    height: 25px;*/

/*    cursor: pointer !important;*/

/*}*/

.leaflet-control-layers span {
    display: none;
}

.leaflet-control-layers [type="checkbox"]:not(:checked),
.leaflet-control-layers [type="checkbox"]:checked {
    position: relative;
    left: auto;
    opacity: 0;
    margin: 0;
}

.leaflet-bar-part {
    font-size: 20px;
}


.upper-logo {
    height: auto;
}

.upper-logo img {
    width: 60%;
}

/* *************** new edit 18-11-2017 *********** */

/* ****************** Map Sidebar ************************* */

.leaflet-top,
.leaflet-bottom {
    z-index: 900!important;
}

/*
.map-sidebar.opened{
    right: 0;
    transition: all .3s;
}
*/

.wrap-map .header-content .head-right-content.spec-search {
    border-radius: 5px;
    position: relative;
    background-color: #f7f7f7;
}

.header-content .head-right-content.spec-search .form-control {
    min-width: 300px;
    background-color: #fff;
}

.map-sidebar .r-search {
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.14);
}

.map-sidebar .r-search .form-group {
    position: relative;
    margin: 0;
    padding: 20px;
    background-color: #f3f3f3;
}

.map-sidebar .r-search .form-group .form-control {
    margin: 0;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    background-color: #fff;
    padding-left: 50px;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
}

.map-sidebar .r-search .form-group button {
    position: absolute;
    left: 20px;
    top: 20px;
    height: 40px;
    width: 40px;
    border: 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    color: #3e3e3e;
    background-color: #ffd31f;
    line-height: 40px;
}

.map-sidebar .r-search .form-group button :hover {
    opacity: .8;
}

.map-sidebar .r-search .form-group button.toggle-r-map {
    left: 20px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    right: auto;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #020202;
    color: #fff;
}

.map-sidebar .r-results {
    /* max-height: 576px; */
    overflow: hidden;
    /* min-height: 576px; */
}


.map-sidebar .r-results .r-item {
    padding: 15px;
    border-bottom: 1px solid #dfdfdf
}

.map-sidebar .r-results .r-item:hover {
    background-color: #f3f3f3;
}

.map-sidebar .r-results .r-item .r-img {
    width: 25px;
    height: 25px;
    float: left;
    overflow: hidden;
    margin-right: 15px;
    border-radius: 100%;
    border: 1px dashed #dfdfdf;
}

.map-sidebar .r-results .r-item .r-img img {
    width: 25px;
    height: 25px;
}

.map-sidebar .r-results .r-item .r-data {
    overflow: hidden;
}

.map-sidebar .r-results .r-item .r-data .r-title {
    line-height: normal;
}

.map-sidebar .r-results .r-item .r-data .r-title a {
    font-family: r-md;
    font-size: 14px;
}

.map-sidebar .r-results .r-item .r-data .r-rating {
    line-height: 0;
    margin: 5px 0;
}

.map-sidebar .r-results .r-item .r-data .r-rating span {
    font-size: 13px;
    color: #efc311;
}

.map-sidebar .r-results .r-item .r-data .r-rating span.not {
    color: #888;
}


.map-sidebar .r-results .r-item .r-data .r-location p {
    font-size: 13px;
}

.mysearch {
    position: absolute;
    min-width: 160px;
    left: calc(50% - 80px);
    top: 10px;
    background-color: transparent;
    padding: 0;
    z-index: 999;
    border-radius: 5px;
}

.mysearch .form-group {
    position: relative;
    margin-bottom: 0;
}

.mysearch .form-group .form-control {
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    margin-bottom: 0;
    border-radius: 5px;
    background-color: #fff;
    width: 100%;
    padding: 0 60px;
    border: 0;
    transition: all .3s;
}

.mysearch .form-group .form-control:focus {
    box-shadow: none !important;
    border-bottom-color: transparent !important;
}

.mysearch .form-group .sliding-srch {
    margin-left: 60px;
    position: relative;
    transition: all .3s;
    width: 0;
    box-shadow: none;
    overflow: hidden;

}

.mysearch .form-group .sliding-srch.expanded {
    box-shadow: 0 0 25px 0 #00000026;
    transition: all .3s;
    width: calc(100% - 60px);
}

.mysearch button {
    background-color: #ffab00;
    border: 1px solid #ffab00;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0 25px 0 #00000047;
}

.mysearch .form-group button.srch-btn {
    left: 60px;
}

.mysearch .form-group .srch-btn.ex {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.mysearch .form-group .srch-btn.ex i:before {
    content: "\f060";
}

.mysearch .form-group .close-srch {
    right: 0;
    left: auto;
    position: absolute;
    /*width: auto;*/
    border-radius: 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    display: none;
}

.mysearch .form-group .close-srch.on {
    display: inline-block;
}

.r-item-view {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.r-item-view .view-img {
    max-height: 200px;
    overflow: hidden;
    height: 200px;
    background-image: url(../images/mero.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.r-item-view .view-img img {
    width: 100%;
    display: none;
}

.r-item-view .view-data {
    padding: 15px;
}

.r-item-view .view-data .title {
    margin-bottom: 10px;
    line-height: normal;
}

.r-item-view .view-data .title a {
    font-family: r-md;
    text-transform: uppercase;
    font-size: 14px;
}

.r-item-view .view-data .v-rating {
    line-height: 0;
}

.r-item-view .view-data .v-rating span {
    font-size: 12px;
    color: #f3c610;
}

.r-item-view .view-data .v-rating span.not {
    color: #888;
}

.r-item-view .view-data .view-footer {
    margin-top: 5px;
}

.r-item-view .view-data .view-footer ul li {
    margin-bottom: 6px;
}

.r-item-view .view-data .view-footer ul li i {
    margin-right: 5px;
    font-size: 14px;
}

.r-item-view .view-data .view-footer ul li span {
    font-size: 13px;
}

.r-item-view .view-data .view-social {
    margin-top: 10px;
}

.r-item-view .view-data .view-social ul li {
    display: inline-block;
}

.r-item-view .view-data .view-social ul li a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    border-radius: 100%;
    margin-right: 5px;
    color: #fff;
    transition: all .3s;
}

/* ******************* Notifications ******************** */

.notifications {}

.notifications-head {
    font-family: r-bd;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #000;
    font-size: 18px;
}

.notifications ul li {
    padding: 20px 0;
    border-bottom: 1px solid #dfdfdf;
}

.notifications ul li:last-child {
    border-bottom: 0;
}


.notifications ul li .not-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 300px;
    background-attachment: fixed;
    background-color: #f3f3f3;

}

.notifications ul li .not-data {
    padding: 15px 0 0 0;
}

.notifications ul li .not-data a {}

.notifications ul li .not-data p {
    font-size: 14px;
    margin-top: 10px;

}

.login-card .form-group textarea.form-control {
    min-height: 150px;
    box-shadow: none;
}

.setting-form .form-group .job-desc {
    font-size: 13px;
}

.form-group .profile-img.p-cv {
    max-height: none;
}

.form-group .profile-img.p-cv .img-edit-caption {
    position: relative;
    text-align: left;
    padding: 0;
}

.form-group .profile-img.p-cv .img-edit-caption .btn-file {
    box-shadow: none;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 13px;
}

.form-group .profile-img.p-cv .img-edit-caption .btn-file i {
    margin-right: 3px;
}

.form-group .profile-img.p-cv .img-edit-caption .btn-file span {
    font-family: r-md;
}

.picker__close,
.picker__today,
.btn-flat {
    font-size: 13px;
    background-color: #ffd31f;
    color: #000;
}

.picker__clear {
    background-color: #ff1f53;
    color: #fff;
}

.picker__date-display {
    text-align: center;
    background-color: #ffd31f;
}

.picker__weekday-display {
    background-color: #e2bb1c;
}

.picker__day.picker__day--today {
    color: #ffd31f;
}

.btn-flat:focus,
.btn-flat:hover {
    background-color: rgb(0, 0, 0);
    box-shadow: none;
    color: #ffd31f;
}

.btn-flat:active {
    background-color: rgb(0, 0, 0);
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {

    background-color: #ffd31f;
    color: #000000;
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
    cursor: pointer;
    color: #000000;
    background: #ffd31f;
}

/*
.mCSB_scrollTools {
    opacity: 0 !important;
    position: absolute;
    right: -17px;
}
*/

.mCustomScrollbar {
    max-height: calc(100vh - 130px) !important;
}

/* *********** bank style ************ */

.bank-data {
    text-align: center;
}

.bank-data .bank-img {
    margin-bottom: 30px;
}

.bank-data .bank-img img {
    max-width: 100%;
}

.bank-data .bank-desc {
    margin-bottom: 10px;
    font-family: r-md;
}

.bank-data .bank-number {
    font-family: r-md;
    margin-bottom: 10px;
}

.bank-data .bank-number p {}

.bank-data .bank-confirm p {
    font-size: 14px;
}

.bank-data .bank-confirm p a {
    display: inline-block;
    background-color: #ffab00;
    padding: 10px;
    border-radius: 3px;
    color: #fff;
    font-family: r-md;
    margin-left: 5px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: all .3s;
}

.bank-data .bank-confirm p a:hover {
    background-color: #000;
    color: #fff;
    transition: all .3s;
}

.bank-data .bank-confirm p a i {
    margin-right: 3px;
}

.map {
    min-height: 0;
    max-height: none;
}


.items-b {
    max-height: 100%;
    overflow-y: auto;
}


.map-sidebar .r-results {
    /* max-height: 563px; */
    overflow: hidden;
    /* min-height: 563px; */
}



.map-sidebar .r-results {
    max-height: 100%;
    overflow: hidden;
    min-height: 0;
    overflow-y: auto;
}

.r-mini {
    height: 80px;
    background-color: #ffffff;
    border-bottom: 1px solid #dfdfdf;
}



.mysearch .form-group button.r-map-side {
    left: 0;
    border: 0;
}

.outer-map {
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s;
    min-width: 340px;
    height: 100%;
}

.outer-map.collapsed {
    left: -340px;
    transition: all .3s;
}

.wrap-map {
    overflow-x: hidden;
}

.collapse-mapside {
    float: right;
    z-index: 999;
    width: 30px;
    height: 30px;
    background-color: #fff;
    color: #000;
    line-height: 30px;
    border: 0;
    padding: 0;
    position: relative;
    left: 0;
    font-size: 20px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    top: 24px;
    box-shadow: 10px 0px 20px 4px rgba(0, 0, 0, 0.12);
}

.collapse-mapside:focus {
    background-color: #fff;
    transition: all .3s;
}

.collapse-mapside.clicked {
    box-shadow: 0px 1px 20px 18px rgba(0, 0, 0, 0.12);
}

.collapse-mapside.clicked i:before {
    content: "\f105";
}


.back-allresults button {
    border: 0;
    width: 100%;
    padding: 10px 0;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #dfdfdf;
    background-color: #f3f3f3;
    margin-bottom: 5px;
    font-size: 13px;
    text-transform: uppercase;
    font-family: r-md;
    letter-spacing: .5px;
}

.back-allresults button:hover {
    opacity: .8;
}



.upper-sidebar {
    position: fixed;
    left: -300px;
    top: 0;
    z-index: 99999;
    width: 280px;
    background-color: #fff;
    box-shadow: 0 17px 15px 5px rgba(0, 0, 0, 0.24);
    height: 100%;
    transition: all .3s;

}

.upper-sidebar.opened {
    left: 0;
    transition: all .3s;
}

.upper-logo {
    height: auto;
    padding: 19px;
    text-align: center;
    border-bottom: 1px solid #333;
    background-color: #000;
}

.upper-logo img {
    width: 60%;
}

.upper-body {
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
}

.upper-body ul li {
    display: block;
    float: left;
    width: 100%;
}

.upper-body ul li a {
    font-size: 14px;
    padding: 10px;
    display: block;
    color: #000;
    border-bottom: 1px solid #f1f1f1;
    float: left;
    width: 100%;
    transition: all .3s;
}

.upper-body ul li a:hover {
    background-color: #f3f3f3;
    transition: all .3s;
}

body.unsmoked {
    margin: 0 !important;
}

.upper-body .pr-img {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 100%;
    overflow: hidden;
}

.upper-body .pr-img img {
    width: 30px;
    height: 30px;
}

.upper-body .pr-data {
    overflow: hidden;
    padding-top: 5px;
}

.home-back {
    border-bottom: 1px solid #dfdfdf;
}

.home-back a {
    width: 100%;
    padding: 10px;
    font-size: 13px;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-family: r-md;
    display: block;
    color: #000;
    transition: all .3s;
}

.home-back a:hover {
    background-color: #dfdfdf;
    padding-left: 15px;
    transition: all .3s;
}

.home-back a i {
    margin-right: 3px;
}

.leaflet-left {
    right: 0 !important;
}

.leaflet-left .leaflet-control {
    margin-right: 10px !important;
    margin-left: 0 !important;
}


.leaflet-control-layers span {
    display: none;
}

.leaflet-control-layers [type="checkbox"]:not(:checked),
.leaflet-control-layers [type="checkbox"]:checked {
    position: relative;
    left: auto;
    opacity: 0;
    margin: 0;
}

.leaflet-bar-part {
    font-size: 20px;
}



.upper-logo {
    height: auto;
}

.upper-logo img {
    width: 60%;
}

.leaflet-control {
    float: right !important;
}

.leaflet-top.leaflet-right {
    left: auto;
    right: 0;
    top: 117px;
    bottom: auto;
}



.leaflet-bar a,
.leaflet-bar a:hover {
    background-color: #ffab00;
    border-bottom: 1px solid #de9707 ;
}

.leaflet-touch .leaflet-bar a {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 0 !important;
    transition: all .3s;
}

.leaflet-touch .leaflet-bar a.leaflet-control-zoom-in {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.leaflet-control-locate.leaflet-bar.leaflet-control {
    margin-top: 0px !important;
    box-shadow: 0 0 15px 0 #0000005e;
}

.leaflet-bar a {
    background-color: #ffab00 !important;
    border-bottom: 1px solid #de9707  !important;
    color: #fff !important;
    transition: all .3s;
}

.leaflet-control-locate a {
    border-bottom: 1px solid #de9707 !important;
    /*border-top: 1px solid #de9707 !important;*/
}

.leaflet-control-layers {

    padding: 0 !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.leaflet-control-layers-overlays label {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 40px;
    color: #fff;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 18px;
    cursor: pointer !important;
    background-color: #ffab00;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 0 15px 0 #0000005e;
}

.leaflet-bar a.clicked,
.leaflet-bar a:hover,
.leaflet-control-layers-overlays label:hover,
.leaflet-control-layers-overlays label.clicked {
    background-color: #1f2227 !important;
    color: #fff !important;
}

.leaflet-control-layers-overlays label:before {
    content: "\f0ac";
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    border: 0 !important;
}


.leaflet-top.leaflet-left {
    top: 40%!important;
    transform: translateY(-40%);
    margin: 0 !important;
    right: 0 !important;
}

.leaflet-top.leaflet-right {
    top: 54.4%!important;
    transform: translateY(-53%)!important;
    right: 10px!important;
}

.leaflet-control {
    margin: 0 !important;
}

.leaflet-top.leaflet-right.mapped .leaflet-control-layers label:before {
    content: "\f278";
}

.leaflet-control-locate span {
    line-height: 40px;
    display: inline-block;
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.leaflet-control-locate span:before {
    content: "\f299";
}


.leaflet-container .leaflet-control-attribution {
    background: rgb(255, 171, 0)!important;
    color: #fff !important;
}

.leaflet-container .leaflet-control-attribution a {
    color: #1f2227 !important;
}



/* edit 20-11-2017 */

.thick-over {
    z-index: 994;
}


.mysearch .form-group button {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 14px;
    background-color: #ffab00;
    border: 1px solid #ffab00;
    color: #fff;
    transition: all .3s;
}

.mysearch .form-group button:hover {
    background-color: #333;
    border-color: #333;
    color: #fff;
    transition: all .3s;
}

.mysearch .form-group .form-control {
    height: 40px;
    line-height: 40px;
    padding: 0 50px;
}

.map-sidebar {
    top: 10px;
}

.mysearch .form-group button.srch-btn {
    left: 47px;
}

.mysearch .form-group .sliding-srch {
    margin-left: 47px;
}

.mysearch .form-group .sliding-srch.expanded {
    width: calc(100% - 47px);
}


.leaflet-top.leaflet-right {
    top: 53.4%!important;
    transform: none !important;
}

.leaflet-top.leaflet-left {
    top: 35%!important;
    transform: none;
}


/* ********* slider *********** */

.map-sidebar {
    top: 10px;
}

.mysearch .form-group button.srch-btn {
    left: 47px;
}

.mysearch .form-group .sliding-srch {
    margin-left: 47px;
}

.mysearch .form-group .sliding-srch.expanded {
    width: calc(100% - 47px);
}


.leaflet-top.leaflet-right {
    top: 53.4%!important;
    transform: none !important;
}

.leaflet-top.leaflet-left {
    top: 35%!important;
    transform: none;
}


/* ********* slider *********** */

.slider-fullr-box {
    padding: 0;
    background-color: #1f2227;
    position: relative;
}

.fullr-slider .owl-controls .owl-page,
.fullr-slider .owl-controls .owl-buttons div {
    display: inline-block;
}

.fullr-slider .owl-controls .owl-buttons div {
    padding: 0;
    opacity: 1;
    margin: 0;
    display: block;
}

.fullr-slider .owl-controls .owl-pagination {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 15px;
    left: 0;
    z-index: 5;
    text-align: center;
}

.fullr-slider .owl-controls .owl-pagination .owl-page span {
    display: block;

    display: block;
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    opacity: 1;
    border-radius: 100%;
    background-color: #000;
    box-shadow: 0 0 15px 3px #000;
    transition: all .3s;
}

.fullr-slider .owl-controls .owl-pagination .owl-page.active span {
    background-color: #ffd31f;
    transition: all .3s;
}

.fullr-slider .item img {
    width: 100%;
    display: none
}

.fullr-slider .item {
    background-image: url(../images/sbg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.fullr-slider .owl-wrapper-outer {
    height: 100%;
}


.fullr-controls {
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    max-width: 500px;
    min-width: 300px;
    margin: 0 auto;
    text-align: center;
}

.fullr-controls a {
    display: inline-block;
    display: inline-block;
    background-color: #ffd31f;
    color: #000;
    margin: 0 5px 5px 0;
    padding: 10px 40px;
    border-radius: 5px;
    box-shadow: 0 0 15px 5px #00000059;
    transition: all .3s;
    font-size: 14px;
    font-family: r-bd;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.fullr-controls a:hover {
    background-color: #000;
    color: #fff;
    transition: all .3s;
}

.modal .modal-content {
    padding: 0 !important;
}

.intl-tel-input .selected-flag .iti-flag {
    left: -6px;
}

.intl-tel-input .country-list .divider {
    display: none;
}

/* ****** new 22-11-2017 ************ */

.banks-account .card {
    float: left;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 15px;
    border: 0;
    width: 100%;
    background-color: transparent;
}

.banks-account .card .cart-big {
    float: left;
    margin: 0;
    border-radius: 5px;
    box-shadow: 0 0px 20px 3px rgba(0, 0, 0, 0.05);
    padding: 15px;

    padding: 15px;
    border: 1px solid #e6e6e6;
    width: 100%;
    min-height: 455px;
}

.banks-account .card .bank-data .bank-img {
    width: 100%;
    height: 180px;
    margin: 0 auto 50px;
    max-width: 100%;
}

.banks-account .card .bank-data .bank-img img {
    width: 400px;
    height: 180px;
}

.banks-account .card.not-h {
    padding-bottom: 0;
}

.banks-account .card.not-h .cart-big {
    min-height: 0;
}

.card.not-h .bank-data {
    text-align: right;
}

@media(max-width:768px) {
    .banks-account .card .bank-data .bank-img,
    .banks-account .card .bank-data .bank-img img {
        height: auto;
        width: 100%;
    }

    .banks-account .card .cart-big {
        min-height: 0;
    }

    .big-wrap {
        height: 100% !important;
    }

    .user-inner.banks-account {
        padding: 0;
        height: auto;
        width: 100%;

    }

    .banks-account .card .cart-big {
        min-height: 0;
    }

    .big-wrap {
        height: 100% !important;
    }

    .user-inner.banks-account {
        padding: 0;
    }

    .banks-account .card .cart-big {
        min-height: 0;
        padding: 20px;
    }
}

@media(max-width:425px) {
    .bank-data .bank-confirm p a {
        margin: 10px 0 0 !important;
        width: 100%;
    }
}

.banks-account .card .cart-big:last-of-type {
    min-height: 0;
}

html.js.flexbox.canvas.canvastext.webgl.no-touch.geolocation.postmessage.websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.gr__rawahi_com {
    overflow-y: auto !important;
    padding: 0 !important;
}

.form-control {
    text-transform: none !important;
}

button.btn-flat.picker__today {
    display: none !important;
}

.mysearch .form-group button.srch-btn {
    left: 40px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left: 1px solid #de9707 ;
}

.mysearch .form-group button.r-map-side {
    left: 0;
    border: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.mysearch .form-group button,
.leaflet-control-layers-overlays label {
    box-shadow: none !important;
}

.leaflet-control-locate.leaflet-bar.leaflet-control {
    box-shadow: none !important;
}

.leaflet-top.leaflet-right {
    top: 53.5%!important;
}

.upper-body .pr-img {
    border: 1px solid #feaa00;
}

.mysearch .form-group .sliding-srch {
    margin-left: 40px;
}

.mysearch .form-group .sliding-srch.expanded {
    width: calc(100% - 40px);
}

#mon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 992;
}


.leaflet-control-container .leaflet-top {
    position: relative!important;
    top: 10px !important;
    z-index: 999 !important;
}

/* ************ Delegate- form **************** */

.inner-form,
.pre-form {
    padding: 0;
}

.setting-form .form-group .skip-btn {
    float: right;
}

.preview-card {
    max-width: 700px;
    left: 50%;
    transform: translateX(-50%);
}

.pre-img {
    overflow: hidden;
    max-width: 220px;
    float: left;
    margin-right: 10px;
}

.pre-img .form-group {
    padding: 0;
    margin-bottom: 0;
}

.pre-data {
    width: calc(100% - 230px);
    display: inline-block;
}



.inner-form .form-group {
    padding: 0;
    margin-bottom: 14px;
}

.pre-inner {
    background: -webkit-linear-gradient(right bottom, #ffab00 50%, #1f2227 50%);
    background: linear-gradient(right bottom, #ffab00 50%, #1f2227 50%);
    padding: 10px;
    border-radius: 5px;
    float: left;
    width: 100%;
}

/*.pre-inner{*/

/*    transform: scale(0);*/

/*    position: absolute;*/

/*    transition: all 1s;*/

/*}*/

/*.pre-inner.scaled{*/

/*    position: relative;*/

/*    transform: scale(1);*/

/*    transition: all 1s;*/

/*}*/

.pre-inner .form-group label {
    color: #fff;
    margin-bottom: 5px;
}

.pre-inner .form-group .form-control {
    background-color: #fff;
    border-color: #fff;
}

.pre-inner .form-group .form-control[disabled] {
    background-color: #d2d2d2 !important;
    border-color: #1f2227;
    color: #000;
}

@media(max-width:425px) {
    .pre-data {
        width: 100%;
        display: block;
        margin-top: 15px;
        float: left;
    }
    .pre-img {
        overflow: hidden;
        max-width: 100%;
        float: none;
        margin-right: 0;
    }

    .pre-inner {
        background: -webkit-linear-gradient(bottom, #ffab00 50%, #1f2227 50%);
        background: linear-gradient(bottom, #ffab00 50%, #1f2227 50%);
    }
}

.pre-inner .form-group.lasty {
    padding: 0;
    margin: 15px 0 0 0;
}

#del-info {
    padding: 0;
    margin-top: 20px;
}




/* ****************** policy ************* */

.policy-box {
    float: right;
    direction: rtl;
    text-align: right;
}

.privacy-item h3 {
    font-family: cairo-bd;
    letter-spacing: 0;
}

.policy-img {
    text-align: center;
    margin: 20px auto;
}

.policy-img img {
    width: 128px;
    height: 128px;
}


.privacy-item pre {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.8;
    font-family: cairo-rg;
    word-break: break-word;
    white-space: pre-line;
    max-height: 200px;
    overflow-y: hidden;
    overflow: hidden;
    padding-bottom: 0;
    transition: all .3s;
}

.privacy-item pre.expanded {
    max-height: none;
    padding-bottom: 20px;
    transition: all .3s;
}

.privacy-item {
    position: relative;
}

.privacy-item .policy-more {
    position: absolute;
    border: 0;
    padding: 5px;
    display: block;
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    font-size: 13px;
    color: #000;
    letter-spacing: 0;
    background-color: #ddd;
    box-shadow: 0 -25px 40px 0px #ffffff;
    text-transform: uppercase;
    transition: all .3s;
}

.privacy-item .policy-more span {
    font-family: cairo-md;
}

.privacy-item .policy-more:hover {
    opacity: .8;
}

.privacy-item .policy-more.clicked {
    background-color: #ffab00;
    color: #fff;
    opacity: 1;
    box-shadow: none;
    transition: all .3s;
}


.privacy-item .policy-more i {
    margin: 0 3px;
}


.privacy-item .policy-more.clicked i:before {
    content: "\f106";
}

/* ******** Edit 25-11-2017 ********** */

.login-card .form-group:last-of-type {
    direction: ltr;
    text-align: center;
    margin-bottom: 0;
}

.intl-tel-input .selected-flag .iti-flag {
    left: 0px;
}

button.p-btn.prev-step {
    float: left;
}

button.p-btn.next-step,
.login-card.company-form .form-group .p-btn.accc-btn {
    float: right;
    margin-right: 0 !important;
}

.last-step-form {
    text-align: center;
    direction: rtl !important;
}

.company-form .nav-tabs li a b {
    font-weight: normal;
}


.intl-tel-input .country-list {
    width: 860px;
}

.privacy-content p{
    margin-bottom: 20px;
}

.picker__footer{
    display: block;
}

.picker__frame{
    width: 100%;
    min-width: 100%;
}

.ar-differ{
    font-family: cairo-md;
}

.form-group .profile-img.p-cv {
    max-height: none;
    display: block;
    max-width: 145px;
}

/* *************** map-language ********* */

.map-lang .dropdown-content li a {
    line-height: normal;
    padding: 5px 15px;
    font-size: 12px;
    color: #000;
    border-bottom: 1px solid #f3f3f3;
    font-family: cairo-md;
    letter-spacing: .5px;
    display: block;
}

.map-lang .dropdown-content li:last-child a{
    border-bottom: 0;
}

.map-lang .dropdown-content li {
    height: auto;
    min-height: 0 !important;
    line-height: normal !important;
}

.map-lang .dropdown-content {
    width: 100% !important;
    left: 0 !important;
    top: 109% !important;
    border-radius: 5px;
    overflow: hidden;
}

.map-lang a {
    color: #fff;
    font-size: 12px;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-family: cairo-md;
}

.map-lang{
    position: absolute;
    top: 0;
    left: 85px;
    z-index: 998;
    background-color: #ffab00;
    height: 40px;
    border-radius: 5px;
    padding: 0 15px;
    line-height: 40px;
    color: #fff;
}

.mysearch .form-group.gat{
    z-index: 999;
}

.map-lang a b{
    margin: 0 3px;
}

.modal-open .modal{
        cursor: url(../images/close.png), default;
}

.modal .modal-content{
    cursor: default;
}

.leaflet-container .leaflet-control-attribution {
    background: #ffffff7d !important;
    color: #797979 !important;
}

/* ************** agent-profile *************** */

.agent-profile{
    padding: 0;
}

.agent-card{
    margin-bottom: 50px;
    padding: 0;
}

.agent-img{
    width: 220px;
    height: 220px;
    float: left;
    margin-right: 20px;
    border-radius: 5px;
    overflow: hidden;
}

.agent-img img{
    width: 220px;
    height: 220px;
}

.agent-data{
    overflow: hidden;
}

.agent-data .d-item{
    margin-bottom: 20px;
}

.agent-data .d-item span{
    background-color: #f3f3f3;
    padding: 7px 10px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 5px;
    line-height: normal;
    min-width: 200px;
    font-size: 13px;
}

.agent-data .d-item h3{
    font-family: r-md;
    font-size: 15px;
    color: #000;
}

.agent-profile .block{
    margin-bottom: 30px;
}

.agent-profile .block .inner{
    transition: all .3s;
    position: relative;
}

.agent-profile .block .inner:hover{
    box-shadow: 0 0 35px 5px rgba(0, 0, 0, 0.08);
    transform: translateY(-5px);
    transition: all .3s;
}

.agent-profile .block .inner .amb-img{
    min-height: 250px;
    height: 250px;

}

.agent-profile .block .inner .amb-img img{
    min-height: 250px;
    width: 100%;
    height: 250px;
}

.agent-profile .block .inner .amb-data{
    background-color: #ffab00;
    padding: 15px;
}

.agent-profile .block .inner .amb-data .name{
    margin-bottom: 15px;
}

.agent-profile .block .inner .amb-data .name a{
    color: #fff;
    font-family: r-bd;
    letter-spacing: .5px;
}

.agent-profile .block .inner .amb-data .name a:hover{
    color: #000;
}

.agent-profile .block .inner .amb-data .extra{

}

.agent-profile .block .inner .amb-data .extra p{
    background-color: #0000000d;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
}

.agent-profile .block .inner .amb-data .extra p i{
    background-color: #fff;
    color: #000;
    display: inline-block;
    margin-right: 5px;
    border-radius: 5px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

.agent-btns{
    text-align: center;
}

.agent-btns a{
    display: inline-block;
    background-color: #ffab00;
    padding: 10px 20px;
    margin: 0 5px 5px 0;
    border-radius: 5px;
    font-size: 13px;
    color: #1f2227;
    text-transform: uppercase;
    font-family: r-md;
    transition: all .3s;
}

.agent-btns a:hover{
    background-color: #1f2227;
    color: #fff;
    transition: all .3s;
}


.agent-profile .card:last-of-type{
    margin-bottom: 0;
}

@media(max-width:425px){
    .agent-img {
        width: 100%;
        height: 220px;
        float: left;
        margin-right: 0;
        border-radius: 5px;
        overflow: hidden;
        text-align: center;
    }

    .agent-data {
        overflow: hidden;
        width: 100%;
        float: left;
        margin-top: 20px;
        text-align: center;
    }

    .agent-profile .block{
        padding: 0;
    }

    .agent-profile .block:last-of-type{
        margin-bottom: 0;
    }


}

@media(max-width:320px){
    .agent-profile .block .inner .amb-img,.agent-profile .block .inner .amb-img img {
        min-height: 180px;
        height: 180px;
    }

    .agent-btns a{
        display: block;
        margin: 0 0 10px 0;
    }

    .agent-btns a + a{
        margin-bottom: 0;
    }
}

.agent-pagination ul{
  margin: 0;
}

.agent-pagination ul li{
  height: auto;
  border-radius: 5px;
}

.agent-pagination .pagination>li>a,.agent-pagination .pagination>li>span {
    position: relative;
    float: left;
    padding: 0 !important;
    margin-left: 0;
    color: #000000;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
  }

  .agent-pagination .pagination>.active>a,.agent-pagination .pagination>.active>a:focus,.agent-pagination .pagination>.active>a:hover,.agent-pagination .pagination>.active>span,.agent-pagination .pagination>.active>span:focus,.agent-pagination .pagination>.active>span:hover ,
  .agent-pagination .pagination>li>a:focus,.agent-pagination .pagination>li>a:hover,.agent-pagination .pagination>li>span:focus,.agent-pagination .pagination>li>span:hover{
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #ffab00;
    border-color: #ffab00;
}


.agent-pagination li a{
  cursor: pointer !important;
}

/* *************** map-sidebar-items-child ********* */

.upper-body ul li.has-mini .has-mini-items{
    display: none;
}

.upper-body ul li.has-mini .has-mini-items li a{
    padding-left: 30px;
    background-color: #f9f9f9;
}

.upper-body ul li.has-mini .has-mini-items li a:hover{
    background-color: #f3f3f3;
}

.upper-body ul li.has-mini.active a i{
    transform: rotate(180deg);
    transition: all .3s;
}

.upper-body ul li.has-mini i{
    transition: all .3s;
}

.upper-body ul li.has-mini.active a{
    background-color: #f1f1f1;
}

/*
.upper-body ul li.has-mini .has-mini-items{
    opacity: 0;
    height: 0;
    visibility: hidden;
    transition: all .3s;
}

.upper-body ul li.has-mini .has-mini-items.active{
    opacity: 1;
    height: 100%;
    visibility: visible;
    transition: all .3s;
}*/


.map-lang a{
        font-family: sans-serif;
    font-size: 20px;
}

.map-lang .dropdown-content li:first-child a{
    font-family: sans-serif;
    font-size: 18px;
}

.upper-body ul li.has-mini i{
    float: right;
}

.upper-body ul li,.upper-body ul li a{
    float: none;
}
.forn-grops-2 .form-group.col-md-6.col-xs-12
.forn-grops-2 label {
    display:  block !important;
    margin-bottom:  20px !important;
}

.forn-grops-2 .form-group.col-md-6.col-xs-12 {
    margin-bottom:  25px !important;
}

.forn-grops-2 input.form-control.col-md-6.pull-right.text-center.btn.btn-success {
    display: block !important;
    width:  150px !important;
    text-align:  center !important;
    padding:  0 !important;
}

.forn-grops-2 .form-group {
    width:  100% !important;
    text-align: right !important;
}
main {
    min-height: 61.6vh !important;
}
.bac {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.bac.on {
    display: block;
}
.map-lang{
    transition: 1s ease-in-out !important;
}
.map-lang-2 {
    left: inherit !important;
    right: -50px !important;
    z-index: 99 !important;
}
/*.map-lang {
    left: inherit !important;
    right: -50px !important;
    z-index: 99 !important;
}*/
span.back-icon {
    display: none;
}
.cart-big .cart-table .pro-img {
    right: 50%;
    transform: translate(0%);
    left: 50%;
    text-align: center;
    margin: auto;
    position: initial;
}
main.clicks .big-wrap.col-xs-12 {
    width: 79% !important;
    float: right;
}
.mysearch .form-group .sliding-srch.sliding-srch-expanded-2 {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    width: 90%;
}

@media (min-width:0px)and (max-width:424px) {
    .map-lang-2 {
        left: inherit !important;
        right: 1px !important;
        z-index: 99999 !important;
    }
    span.back-icon {
        display: block;
    }
    .message-chat-chat-message-all .message-chat-chat-message{
        width: 100% !important;
    }
    .mysearch .form-group .sliding-srch.sliding-srch-expanded-2 {
        width: -webkit-calc(100% - 110px);
        width: -moz-calc(100% - 110px);
        width: calc(100% - 110px);
        width: 70%;
    }
}

@media (min-width:425px)and (max-width:576px){
    .map-lang-2 {
        left: inherit !important;
        right: 1px !important;
    }
    span.back-icon {
        display: block;
    }
    .message-chat-chat-message-all .message-chat-chat-message{
        width: 100% !important;
    }
    .mysearch .form-group .sliding-srch.sliding-srch-expanded-2 {
        width: -webkit-calc(100% - 120px);
        width: -moz-calc(100% - 120px);
        width: calc(100% - 120px);
        width: 70%;
    }
}