@charset "UTF-8";

/* ==========================================================================
   [Master Stylesheet]

    Project                  :       Lavalite
    Version                  :       1.0
    Author                   :       Renfos Technologies
    Author  URl              :       www.renfos.com
    Primary use              :       Default

   ========================================================================== */


/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

body {
    color: #222;
    font-size: 14px;
    line-height: 1.4;
    font-family: 'Source Sans Pro', sans-serif;
}

*, body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
}

button, .btn, a {
    -webkit-transition: all 0.3s ease 0.0s;
    -moz-transition: all 0.3s ease 0.0s;
    transition: all 0.3s ease 0.0s;
}


/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}


/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}


/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

* {
    outline: none !important;
}

a:hover {
    outline: 0;
    text-decoration: none;
}

a:active {
    outline: 0;
    text-decoration: none;
}

a:focus {
    outline: 0;
    text-decoration: none;
}

.bg-empty {
    background: transparent !important;
}

.bg-primary {
    background-color: #228bdf !important;
}

.bg-success {
    background-color: #00b19d !important;
}

.bg-info {
    background-color: #3ddcf7 !important;
}

.bg-warning {
    background-color: #ffaa00 !important;
}

.bg-danger {
    background-color: #C91F37 !important;
}

.bg-muted {
    background-color: #F5F5F5 !important;
}

.bg-inverse {
    background-color: #4c5667 !important;
}

.bg-purple {
    background-color: #7266ba !important;
}

.bg-pink {
    background-color: #f76397 !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.text-white {
    color: #ffffff;
}

.text-danger {
    color: #C91F37;
}

.text-muted {
    color: #98a6ad;
}

.text-primary {
    color: #228bdf;
}

.text-warning {
    color: #ffaa00;
}

.text-success {
    color: #00b19d;
}

.text-info {
    color: #3ddcf7;
}

.text-inverse {
    color: #4c5667;
}

.text-pink {
    color: #f76397;
}

.text-purple {
    color: #7266ba;
}

.text-dark {
    color: #797979 !important;
}

.form-control {
    -moz-border-radius: 2px;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #fafafa;
    border-radius: 2px;
    border: 1px solid #eeeeee;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
}

.form-control:focus {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: none;
}

.label {
    color: #ffffff !important;
}

.label-primary {
    background-color: #228bdf;
}

.label-success {
    background-color: #00b19d;
}

.label-info {
    background-color: #3ddcf7;
}

.label-warning {
    background-color: #ffaa00;
}

.label-danger {
    background-color: #C91F37;
}

.label-purple {
    background-color: #7266ba;
}

.label-pink {
    background-color: #f76397;
}

.label-dark {
    background: #4f595b;
}

.label-inverse {
    background-color: #4c5667;
}

.badge-primary {
    background-color: #228bdf;
}

.badge-success {
    background-color: #00b19d;
}

.badge-info {
    background-color: #3ddcf7;
}

.badge-warning {
    background-color: #ffaa00;
}

.badge-danger {
    background-color: #C91F37;
}

.badge-purple {
    background-color: #7266ba;
}

.badge-pink {
    background-color: #f76397;
}

.badge-inverse {
    background-color: #4c5667;
}

.p0, .pn {
    padding: 0px !important;
}

.m0, .mn {
    margin: 0px !important;
}

.mbn, .mb0 {
    margin-bottom: 0!important
}

.mb10 {
    margin-bottom: 10px!important
}

.mb20 {
    margin-bottom: 20px!important
}

.mb30 {
    margin-bottom: 30px!important
}

.mb40 {
    margin-bottom: 40px!important
}

.mb50 {
    margin-bottom: 50px!important
}

.mb60 {
    margin-bottom: 60px!important
}

.mtn, .mt0 {
    margin-top: 0!important
}

.mt10 {
    margin-top: 10px!important
}

.mt20 {
    margin-top: 20px!important
}

.mt30 {
    margin-top: 30px!important
}

.mt40 {
    margin-top: 40px!important
}

.mt50 {
    margin-top: 50px!important
}

.mt60 {
    margin-top: 60px!important
}

.mln, .ml0 {
    margin-left: 0
}

.ml10 {
    margin-left: 10px
}

.ml20 {
    margin-left: 20px
}

.ml30 {
    margin-left: 30px
}

.ml40 {
    margin-left: 40px
}

.ml50 {
    margin-left: 50px
}

.ml60 {
    margin-left: 60px
}

.mrn, .mr0 {
    margin-right: 0 !important;
}

.mr10 {
    margin-right: 10px
}

.mr20 {
    margin-right: 20px
}

.mr30 {
    margin-right: 30px
}

.mr40 {
    margin-right: 40px
}

.mr50 {
    margin-right: 50px
}

.mr60 {
    margin-right: 60px
}

.pbn, .pb0 {
    padding-bottom: 0!important
}

.pb10 {
    padding-bottom: 10px
}

.pb20 {
    padding-bottom: 20px
}

.pb30 {
    padding-bottom: 30px
}

.pb40 {
    padding-bottom: 40px
}

.pb50 {
    padding-bottom: 50px
}

.pb60 {
    padding-bottom: 60px
}

.ptn, .pt0 {
    padding-top: 0!important
}

.pt10 {
    padding-top: 10px
}

.pt20 {
    padding-top: 20px
}

.pt30 {
    padding-top: 30px
}

.pt40 {
    padding-top: 40px
}

.pt50 {
    padding-top: 50px
}

.pt60 {
    padding-top: 60px
}

.pln, .pl0 {
    padding-left: 0 !important;
}

.pl10 {
    padding-left: 10px
}

.pl20 {
    padding-left: 20px
}

.pl30 {
    padding-left: 30px
}

.pl40 {
    padding-left: 40px
}

.pl50 {
    padding-left: 50px
}

.pl60 {
    padding-left: 60px
}

.prn, .pr0 {
    padding-right: 0 !important
}

.pr10 {
    padding-right: 10px
}

.pr20 {
    padding-right: 20px
}

.pr30 {
    padding-right: 30px
}

.pr40 {
    padding-right: 40px
}

.pr50 {
    padding-right: 50px
}

.pr60 {
    padding-right: 60px
}

.btn {
    border-radius: 4px;
    padding: 6px 14px;
    text-transform: capitalize;
    font-weight: 600;
    -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.12);
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.btn:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn i {
    margin-right: 5px;
}
.btn-rounded {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-inverse, .btn-purple, .btn-pink {
    color: #ffffff !important;
}

.btn-default {
    background-color: #dae6ec;
    border-color: #dae6ec;
}


.btn-default:focus {
    background-color: #dae6ec;
    border-color: #C2CED4;
}

.btn-default:hover {
    background-color: #dae6ec;
    border-color: #C2CED4;
}

.btn-default:active {
    background-color: #dae6ec;
    border-color: #C2CED4;
}

.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    background-color: #dae6ec !important;
    border-color: #C2CED4 !important;
}

.btn-primary {
    background-color: #228bdf !important;
    border: 1px solid #228bdf !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    background-color: #1d7dca !important;
    border: 1px solid #1d7dca !important;
}

.btn-success {
    background-color: #00b19d !important;
    border: 1px solid #00b19d !important;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success {
    background-color: #009886 !important;
    border: 1px solid #009886 !important;
}

.btn-info {
    background-color: #3ddcf7 !important;
    border: 1px solid #3ddcf7 !important;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.dropdown-toggle.btn-info {
    background-color: #25d8f6 !important;
    border: 1px solid #25d8f6 !important;
}

.btn-warning {
    background-color: #ffaa00 !important;
    border: 1px solid #ffaa00 !important;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open>.dropdown-toggle.btn-warning {
    background-color: #e69900 !important;
    border: 1px solid #e69900 !important;
}

.btn-danger {
    background-color: #C91F37 !important;
    border: 1px solid #C91F37 !important;
}

.btn-danger:active, .btn-danger:focus, .btn-danger:hover, .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.dropdown-toggle.btn-danger {
    background-color: #ed3c39 !important;
    border: 1px solid #ed3c39 !important;
}

.btn-inverse {
    background-color: #4c5667 !important;
    border: 1px solid #4c5667 !important;
}

.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open>.dropdown-toggle.btn-inverse {
    background-color: #414a58 !important;
    border: 1px solid #414a58 !important;
}

.btn-purple {
    background-color: #7266ba !important;
    border: 1px solid #7266ba !important;
}

.btn-purple:hover, .btn-purple:focus, .btn-purple:active {
    background-color: #6254b2 !important;
    border: 1px solid #6254b2 !important;
}

.btn-pink {
    background-color: #f76397 !important;
    border: 1px solid #f76397 !important;
}

.btn-pink:hover, .btn-pink:focus, .btn-pink:active {
    background-color: #f64b87 !important;
    border: 1px solid #f64b87 !important;
}
.imag-upload{
    width: 250px;
    height: 250px;
    
}

.panel {
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06), 0 2px 0px 0 rgba(0, 0, 0, 0.02);
    border-radius: 0px;
    border: none;
    margin-bottom: 20px;
}

.panel .panel-body {
    padding: 20px;
}

.panel .panel-body p {
    margin: 0px;
}

.panel .panel-body p+p {
    margin-top: 15px;
}

.panel-heading {
    border-radius: 0;
    border: none !important;
    padding: 10px 20px;
}

.panel-default>.panel-heading {
    background-color: #fafafa;
    border-bottom: none;
    color: #797979;
}

.panel-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.panel-sub-title {
    margin-bottom: 3px;
    color: #CEE4FD;
    margin-top: -3px;
}

.panel-footer {
    background: #fafafa;
    border-top: 0px;
}

.panel-default .panel-sub-title {
    color: inherit;
}

.panel-color .panel-title {
    color: #ffffff;
}

.panel-primary>.panel-heading {
    background-color: #228bdf;
}

.panel-success>.panel-heading {
    background-color: #00b19d;
}

.panel-info>.panel-heading {
    background-color: #3ddcf7;
}

.panel-warning>.panel-heading {
    background-color: #ffaa00;
}

.panel-danger>.panel-heading {
    background-color: #C91F37;
}

.panel-purple>.panel-heading {
    background-color: #7266ba;
}

.panel-pink>.panel-heading {
    background-color: #f76397;
}

.panel-inverse>.panel-heading {
    background-color: #4c5667;
}

.panel-border {
    border-radius: 3px;
}

.panel-border .panel-heading {
    background-color: #ffffff;
    border-top: 3px solid #ccc !important;
    border-radius: 3px;
    padding: 10px 20px 0px;
}

.panel-border .panel-body {
    padding: 15px 20px 20px 20px;
}

.panel-border.panel-primary .panel-heading {
    border-color: #228bdf !important;
    color: #228bdf !important;
}

.panel-border.panel-success .panel-heading {
    border-color: #00b19d !important;
    color: #00b19d !important;
}

.panel-border.panel-info .panel-heading {
    border-color: #3ddcf7 !important;
    color: #3ddcf7 !important;
}

.panel-border.panel-warning .panel-heading {
    border-color: #ffaa00 !important;
    color: #ffaa00 !important;
}

.panel-border.panel-danger .panel-heading {
    border-color: #C91F37 !important;
    color: #C91F37 !important;
}

.panel-border.panel-purple .panel-heading {
    border-color: #7266ba !important;
    color: #7266ba !important;
}

.panel-border.panel-pink .panel-heading {
    border-color: #f76397 !important;
    color: #f76397 !important;
}

.panel-border.panel-inverse .panel-heading {
    border-color: #4c5667 !important;
    color: #4c5667 !important;
}
.table-user-information > tbody > tr {
    border-top: 0px solid rgb(221, 221, 221);
}

.table-user-information > tbody > tr:first-child {
    border-top: 0;
}


.table-user-information > tbody > tr > td {
    border-top: 0;
}
.toppad
{margin-top:20px;
}


[type="checkbox"]+label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    opacity: 0;
}

[type="checkbox"]+label {
    padding-left: 26px;
    height: 25px;
    line-height: 21px;
    font-size: 13px;
    font-weight: normal;
}

[type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 2px;
    transition: .2s;
}

[type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 2px;
    transition: .2s;
}

[type="checkbox"]:not(.filled-in)+label:after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="checkbox"]:checked+label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #26a69a;
    border-bottom: 2px solid #26a69a;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type="checkbox"]:checked+label:before {
    border-right: 2px solid #C91F37;
    border-bottom: 2px solid #C91F37;
}

[type="checkbox"]:checked+label:before {
    top: -4px;
    left: -2px;
    width: 11px;
    height: 19px;
}

[type="radio"]:not(:checked), [type="radio"]:checked {
    left: -9999px;

    opacity: 10;
}

[type="radio"]:not(:checked)+label {
    padding-left: 26px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
}

[type="radio"]:not(:checked)+label, [type="radio"]:checked+label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
}

[type="radio"]+label:before, [type="radio"]+label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    transition: .28s ease;
    border-radius: 50%;
}

[type="radio"]:not(:checked)+label:before, [type="radio"]:not(:checked)+label:after {
    border: 2px solid #5a5a5a;
}

[type="radio"]:not(:checked)+label:after {
    z-index: -1;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:before {
    border: 2px solid transparent;
}

[type="radio"]:checked+label:after {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

[type="radio"]:checked+label:after {
    background-color: #C91F37;
    border-color: #C91F37;
}

.inline-checkbox label, .inline-radio-button label {
    min-width: 150px;
}

.header .header-top {
    background-color: #fff;
    padding: 30px 0;
    border-top: 3px solid #C91F37;
}
.header .header-top .logo h2 {
    margin-top: 0;
    font-weight: 700;
    font-size: 36px;
    color: #C91F37;
}
.header .header-top .logo p {
    margin: 0;
    color: #333;
    font-size: 18px;
}
.header .header-top .top-contact .contact-icon {
    display: inline-block;
    margin-right: 15px;
}
.header .header-top .top-contact .contact-icon i {
    font-size: 34px;
    line-height: normal;
}
.header .header-top .top-contact .contact-content {
    display: inline-block;
}
.header .header-top .top-contact .contact-content h4 {
    font-size: 18px;
    margin: 0;
    font-weight: 600;
}
.header .header-top .top-contact .contact-content h4 a {
    color: #333;
}
.header .header-top .top-contact .contact-content p {
    margin: 0;
}
.header .header-top .social-links {
    float: right;
    margin-top: 15px;
    border-left: 1px solid #eaeaea;
    padding-left: 5px;
    margin-left: 15px;
}
.header .header-top .social-links a {
    font-size: 26px;
    display: inline-block;
    margin-left: 10px;
}
.header .header-top .social-links a.facebook {
    color: #3a5998;
}
.header .header-top .social-links a.twitter {
    color: #1dcaff;
}
.header .header-top .login-btns {
    float: right;
    margin-top: 15px;
}
.header .header-top .login-btns .btn:first-child {
    margin-right: 10px;
}
.header .header-top .login-btns .dropdown .dropdown-menu {
    right: 0;
    left: auto;
}
.header .header-top .login-btns .dropdown .dropdown-menu li a {
    padding: 6px 15px;
}
.header .header-top .login-btns .dropdown .dropdown-menu li a:hover {
    color: #c91f37;
}
.header .header-top .logo img {
    width: 260px;
}
.header .navbar-default {
    background-color: #fff;
    margin: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
}
.header .navbar-default .navbar-nav {
    float: none;
    display: table;
    width: 100%;
}
.header .navbar-default .navbar-nav li {
    float: none;
    display: table-cell;
}
.header .navbar-default .navbar-nav li a {
    text-transform: uppercase;
    font-weight: 600;
    color: #222;
    position: relative;
    padding: 15px 0;
    text-align: center;
    -webkit-transition: all 0.3s ease 0.0s;
    -moz-transition: all 0.3s ease 0.0s;
    transition: all 0.3s ease 0.0s;
}
.header .navbar-default .navbar-nav li.active a {
    color: #C91F37;
}
.header .navbar-default .navbar-nav li a::after {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #C91F37;
    border-radius: 50%;
    bottom: -3px;
    left: 0;
    right: 0;
    position: absolute;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0.0s;
    -moz-transition: all 0.3s ease 0.0s;
    transition: all 0.3s ease 0.0s;
}
.header .navbar-default .navbar-nav li:hover a::after, .header .navbar-default .navbar-nav li.active a::after {
    opacity: 1;
}
.slider-wraper {
    padding: 40px 0;
}
.slider-wraper .main-slider .slider-item {
    position: relative;
}
.slider-wraper .main-slider .slider-item .slide-caption {
    background-color: #222;
    padding: 20px;
    position: relative;
    padding-right: 150px;
}
.slider-wraper .main-slider .slider-item .slide-caption .slide-title {
    margin: 0;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 22px;
}
.slider-wraper .main-slider .slider-item .slide-caption .slide-infos {
    margin-top: 10px;
}
.slider-wraper .main-slider .slider-item .slide-caption .slide-infos span {
    margin-right: 15px;
    color: #eee;
    font-weight: 600;
}
.slider-wraper .main-slider .slider-item .slide-caption .slide-price {
    position: absolute;
    right: 20px;
    top: 20px;
    text-transform: uppercase;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    font-weight: 800;
    padding-left: 25px;
}
.slider-wraper .main-slider .slider-item .slide-caption .slide-price::before {
    content: "\f155";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 24px;
}
.slider-wraper .main-slider .owl-dots {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.slider-wraper .main-slider .owl-dots {
    margin: 0;
}
.slider-wraper .main-slider .owl-dots .owl-dot span {
    margin: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: 8px;
    -webkit-transition: all 0.3s ease 0.0s;
    -moz-transition: all 0.3s ease 0.0s;
    transition: all 0.3s ease 0.0s;
}
.slider-wraper .main-slider .owl-dots .owl-dot.active span {
    transform: scale(1.5);
    background-color: #C91F37;
}
.slider-wraper .main-search-wraper {
    border: 3px solid #C91F37;
    background-color: #fff;
}
.slider-wraper .main-search-wraper label {
    font-weight: 600;
    color: #666;
    text-transform: capitalize;
}
.slider-wraper .main-caption {
    background-color: #f4f4f4;
    text-align: center;
    padding: 20px 20px;
}
.slider-wraper .main-caption h2 {
    margin: 0;
    color: #C91F37;
    font-weight: 600;
}
.selectize-control {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
.selectize-input {
    padding: 10px 12px;
    overflow: visible;
}
.selectize-dropdown-content {
    padding: 5px;
}
.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header {
    padding: 10px;
    border-radius: 4px;
}
.selectize-dropdown .active {
    background-color: #C91F37;
    color: #fff;
    font-weight: 600;
}
.slider-wraper .main-search-wraper .auto-model-year {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}
.slider-wraper .main-search-wraper .auto-model-year .auto-select-filed {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}
.slider-wraper .main-search-wraper .auto-model-year span {
    font-size: 12px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    padding: 0 8px;
    line-height: 35px;
}
.range-slider {
    position: relative;
}
.range-slider .slider.slider-horizontal {
    width: calc(100% - 26px);
    margin-left: 13px;
}
.range-slider .min-max-wraper {
    position: absolute;
    right: 0;
    top: -25px;
    color: #666;
    font-size: 16px;
    font-weight: 600;
}
.range-slider .slider.slider-horizontal .slider-track {
    height: 2px;
    background-color: #e4e4e4;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    background-image: none;
    margin-top: 0;
}
.range-slider .slider-selection {
    background-color: #c91f37;
    background-image: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.range-slider .slider-handle {
    background-color: #c91f37;
    background-image: none;
    width: 18px;
    height: 18px;
    top: 2px;
    box-shadow: 0px 0px 0px 3px rgba(201, 31, 55, 0.2);
}
.slider-wraper .main-search-wraper .btn {
    padding: 0 15px;
    height: 45px;
    text-transform: uppercase;
    font-size: 16px;
    min-width: 150px;
}
.slider-wraper .main-search-wraper h2 {
    text-transform: uppercase;
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    background-color: #c91f37;
    color: #fff;
    text-align: center;
    padding: 12px 0px;
}
.slider-wraper .main-search-wraper form {
    padding: 20px;
}
.content {
    padding: 30px 0;
}
.content .section-title {
    margin-bottom: 40px;
    position: relative;
}
.content .section-title.with-btn .btn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 10px;
}
.section-title .price {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 800;
    font-size: 22px;
    color: #c91f37;
}
.content .section-title h2 {
    margin: 0;
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 800;
}
.content .section-title::after {
    content: '';
    position: absolute;
    width: 100%;
    bottom: -15px;
    height: 1px;
    background-color: #eaeaea;
}
.newsItems {
  line-height: 1.2em;
  height: 3.6em;
  overflow: hidden;
}
.auto-listing-wraper .auto-item {
    border: 1px solid #eaeaea;
    padding: 10px;
    background-color: #fff;
    display: table;
}
.auto-listing-wraper.home-listing .auto-item  {
    border: 1px solid #eaeaea;
    padding: 10px;
    display: table;
    width: 100%;
}
.auto-listing-wraper .auto-item + .auto-item {
    margin-top: 20px;
}
.auto-listing-wraper .auto-item .auto-media {
    display: table-cell;
    width: 200px;
    vertical-align: middle;
}
.auto-listing-wraper .auto-item .auto-media figure {
    position: relative;
    margin: 0;
    text-align: center;
}
.auto-listing-wraper .auto-item .auto-media figure img {
    width: 100%;
}
.auto-listing-wraper .auto-item .auto-media figure .btn {
    opacity: 0;
    position: absolute;
    margin: 0 auto;
    top: 40%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    max-width: 100px;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
    transition: all 0.3s cubic-bezier(1, .02, 0, .99) 0.0s;
    z-index: 2;
}
.auto-listing-wraper .auto-item .auto-media figure::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    background-color: rgba(0, 0, 0, 0.51);
    opacity: 0;
    transition: all 0.3s cubic-bezier(1, .02, 0, .99) 0.0s;
}
.auto-listing-wraper .auto-item:hover .auto-media figure::after {
    opacity: 1;
}
.auto-listing-wraper .auto-item:hover .auto-media figure .btn {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}
.auto-listing-wraper .auto-item .auto-text {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}
.auto-listing-wraper .auto-item .auto-text .auto-title {
    position: relative;
    padding-right: 150px;
}
.auto-listing-wraper .auto-item .auto-text .auto-title h4 {
    text-transform: capitalize;
    margin: 0;
    font-size: 20px;
    color: #333;
    font-weight: 600;
}
.auto-listing-wraper .auto-item .auto-text .auto-price {
    position: absolute;
    right: 10px;
    top: -5px;
    text-transform: uppercase;
    color: #c91f37;
    font-size: 22px;
    font-weight: 800;
}
.auto-listing-wraper .auto-item .auto-infos {
    margin-top: 10px;
}
.auto-listing-wraper .auto-item .auto-infos span {
    position: relative;
    padding-left: 20px;
    display: block;
}
.auto-listing-wraper .auto-item .auto-infos span + span {
    margin-top: 10px;
}
.auto-listing-wraper .auto-item .auto-infos span::before {
    font-family: Flaticon;
    position: absolute;
    left: 0;
    top: 0;
}
.auto-listing-wraper .auto-item .auto-infos span.date-posted::before {
    content: "\f101";
}
.auto-listing-wraper .auto-item .auto-infos span.mileage::before {
    content: "\f10c";
}
.auto-listing-wraper .auto-item .auto-infos span.transmission::before {
    content: "\f10a";
}
.auto-listing-wraper .auto-item .auto-text p {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 22px;
}
.auto-listing-wraper.auto-grid .auto-item {
    display: block;
}
.auto-listing-wraper.auto-grid .auto-item .auto-media {
    display: block;
    width: 100%;
}
.auto-listing-wraper.auto-grid .auto-item .auto-text {
    display: block;
    width: 100%;
    padding: 0;
    margin-top: 10px;
}
.auto-listing-wraper.auto-grid .auto-item .auto-text .auto-title {
    padding-right: 0;
}
.content .car-ofthe-week {
    border: 1px solid #eaeaea;
    padding: 20px;
}
.content .car-ofthe-week h2 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 18px;
    margin-top: 0;
}
.content .car-ofthe-week .auto-listing-wraper.auto-grid .auto-item {
    padding: 0;
    border: none;
}
.content .car-ofthe-week .auto-listing-wraper.auto-grid .auto-item .auto-price {
    position: static;
    top: 0;
    margin-top: 5px;
}
.is_stuck {
    z-index: 3;
}
.content .auto-reviews {
    margin-top: 30px;
}
.content .auto-reviews h2 {
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px;
}
.content .auto-reviews .review-item {
    border: 1px solid #eaeaea;
    padding: 20px;
    position: relative;
    z-index: 3;
    min-height: 150px;
    padding-bottom: 40px;
}
.content .auto-reviews .review-item::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    border: 3px solid #c91f37;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0.0s;
    -moz-transition: all 0.3s ease 0.0s;
    transition: all 0.3s ease 0.0s;
    z-index: -1;
}
.content .auto-reviews .review-item h4 {
    text-transform: capitalize;
    margin-top: 0;
    font-weight: 800;
    font-size: 16px;
    color: #444;
    line-height: 26px;
}
.content .auto-reviews .review-item .review-infos {
    position: absolute;
    bottom: 15px;
    left: 20px;
}
.content .auto-reviews .review-item .review-infos span {
    position: relative;
    margin-right: 10px;
    color: #999;
    padding-left: 20px;
    font-style: italic;
}
.content .auto-reviews .review-item .review-infos span::before {
    font-family: Flaticon;
    position: absolute;
    left: 0;
    top: 0;
    color: #c91f37;
    font-style: normal;
}
.content .auto-reviews .review-item .review-infos .date::before {
    content: "\f101";
}
.content .auto-reviews .review-item .review-infos .comments::before {
    content: "\f103";
} 
.content .auto-reviews .review-item:hover::before {
    opacity: 1;
}
.content .auto-reviews .review-item + .review-item {
    margin-top: 20px;
}
.footer .footer-top {
    padding: 60px 0;
    background-color: #333;
}
.footer .footer-top .footer-about .logo img {
    width: 250px;
}
.footer .footer-top .footer-about .social-icons {
    margin-top: 15px;
}
.footer .footer-top .footer-about .social-icons a {
    margin-right: 10px;
    font-size: 18px;
    color: #c91f37;
}
.footer .footer-top .footer-about .logo h2 {
    margin-top: 0;
    font-size: 28px;
    color: #fff;
    font-weight: 600;
}
.footer .footer-top .footer-about p {
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
    line-height: 30px;
}
.footer .footer-top .footer-widget h3 {
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 20px;
}
.footer .footer-top .footer-widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer .footer-top .footer-widget ul li {
    margin-bottom: 10px;
}
.footer .footer-top .footer-widget ul li a {
    color: #ddd;
    font-weight: 600;
}
.footer .copyright {
    padding: 15px 0;
    border-bottom: 5px solid #c91f37;
    position: relative;
}
.footer .copyright p {
    margin: 0;
}
.footer .copyright .scroll-to-top {
    background-color: #c91f37;
    color: #fff;
    display: inline-block;
    padding: 8px 5px;
    border-radius: 30px;
   position: absolute;
   left: 0;
   right: 0;
   top: -30px;
   max-width: 30px;
   text-align: center;
   margin: 0 auto;
}
.footer .copyright .scroll-to-top i {
    font-size: 18px;
}
.footer .copyright .scroll-to-top span {
    display: block;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 10px;
}

.autoparts {
    background-color: #f7f7f7;
    padding: 30px 0;
}
.autoparts .parts-item {
    text-align: center;
    background-color: #fff;
    padding-top: 20px;
}
.autoparts .parts-item img {
    width: 150px;
    display: inline-block;
    margin: 0 auto;
}
.autoparts .parts-item .part-content h3 {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0;
}
.autoparts .parts-item .part-content {
    padding: 20px;
}
.autoparts .parts-item .part-content p {
    margin-top: 10px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.autoparts .parts-item .part-content .learn-more {
    text-transform: capitalize;
     color: #c91f37;
     padding: 5px 10px;
     border: 2px solid #c91f37;
     border-radius: 4px;
     display: inline-block;
     font-weight: 600;
}
.autoparts .parts-item .part-content .learn-more:hover {
    background-color: #c91f37;
    color: #fff;
}
.detail .features-table {
    background-color: #f7f7f7;
    padding: 20px;
}
.detail .features-table .line {
    overflow: hidden;
    color: #555;
    margin-bottom: 10px;
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    text-transform: capitalize;
}
.detail .features-table .left {
    font-weight: 600;
    color: #333;
    float: left;
    width: 30%;
}
.detail .features-table .right {
    float: left;
    width: 70%;
    position: relative;
    padding-left: 30px;
}
.detail .features-table .right::before {
    content: ':';
    position: absolute;
    left: 0;
    top: -0px;
}
.detail .features-table .line:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}
.detail .desc  {
    margin-top: 30px;
    padding: 20px;
    background-color: #f7f7f7;
}
.detail .desc .section-title {
    margin-bottom: 25px;
    position: relative;
}
.detail .desc p {
    line-height: 29px;
    font-size: 15px;
    text-align: justify;
    margin-bottom: 0;
}
.detail .user-profile {
    background-color: #f7f7f7;
    padding: 20px;
    margin-top: 30px;
}
.detail .user-profile ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.detail .user-profile ul li {
    padding-left: 30px;
    margin-bottom: 20px;
    position: relative;
    display: block;
    min-height: 19px;
}
.detail .user-profile ul li:last-child {
    margin-bottom: 0;
}
.detail .user-profile ul li::before {
    font-family: "Flaticon";
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 18px;
    color: #c91f37;
}
.detail .user-profile ul li.name::before {
    content: "\f101";
}
.detail .user-profile ul li.email::before {
    content: "\f105";
}
.detail .user-profile ul li.location::before {
    content: "\f100";
}
.detail .user-profile ul li.phone::before {
    content: "\f109";
}
.detail .section-title {
    margin-bottom: 30px;
}
.coupons .coupons-wraper .coupon-item {
    border: 1px solid #eaeaea;
    padding: 20px;
    position: relative;
    padding-right: 200px;
}
.coupons .coupons-wraper .coupon-item h3 {
    margin: 0;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
}
.coupons .coupons-wraper .coupon-item p {
    margin-bottom: 0;
}
.coupons .coupons-wraper .coupon-item a.btn {
    position: absolute;
    right: 20px;
    top: 12px;
    z-index: 2;
    text-transform: capitalize;
}
.coupons .coupons-wraper .coupon-item + .coupon-item {
    margin-top: 20px;
}
.coupons .coupons-wraper .coupon-single .nav-buttons {
    position: absolute;
    right: 0;
    top: -65px;
}
.coupons .coupons-wraper {
    position: relative;
}
.coupons .coupons-wraper .coupon-single .nav-buttons a {
    font-size: 26px;
    color: #666;
    margin-left: 10px;
}
.blogs .post-card-item {
    background-color: #fff;
    margin-bottom: 30px;
}
.blogs .post-card-item .item-thumb img {
    width: 100%;
}
.blogs .post-card-item .post-card-body {
    background-color: #f7f7f7;
}
.blogs .post-card-description {
    padding: 20px;
}
.blogs .post-card-description ul {
    font-size: 14px;
    color: #959595;
    margin-bottom: 10px;
}
.blogs .list-inline > li {
    padding: 0;
    padding-right: 10px;
    display: inline-block;
}
.blogs .post-card-description ul i {
    margin-right: 5px;
    color: #c91f37;
}
.blogs .post-card-description h3 a {
    color: #c91f37;
}
.blogs .post-card-description h3 {
    line-height: 20px;
    margin: 0 0 10px 0;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
}
.blogs .post-card-description p {
    color: #333;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    margin-bottom: 0;
}
.reviews .review-wraper .review-item {
    background-color: #f7f7f7;
    display: table;
    width: 100%;
} 
.reviews .review-wraper .review-item + .review-item {
    margin-top: 20px;
}
.reviews .review-wraper .review-item .review-media {
    display: table-cell;
    width: 400px;
    vertical-align: middle;
}
.reviews .review-wraper .review-item .review-media figure {
    position: relative;
    margin: 0;
    text-align: center;
}
.reviews .review-wraper .review-item .review-media figure img {
    width: 100%;
}
.reviews .review-wraper .review-item .review-text {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
}
.reviews .review-wraper .review-item .review-text .review-title h4 {
    text-transform: capitalize;
    margin: 0;
    font-size: 20px;
    color: #333;
    font-weight: 600;
} 
.reviews .review-wraper .review-item .review-text p {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
}
.reviews .review-wraper .review-item .review-infos {
    margin-top: 10px;
}
.reviews .review-wraper .review-item .review-infos span i {
    color: #c91f37;
    margin-right: 10px;
}
.reviews .review-desc h4 {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
}
.reviews .review-desc p {
    font-size: 15px;
    line-height: 28px;
}
.content .user-account-links {
    background-color: #f4f4f4;
}
.content .user-account-links h2 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 18px;
    margin: 0;
    background-color: #c91f37;
    color: #fff;
    padding: 15px 20px;
}
.content .user-account-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.content .user-account-links ul li a {
    font-weight: 600;
    color: #333;
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    display: block;
}
.content .user-account-links ul li a:hover {
    color: #c91f37;
}
.content .user-account-links ul li:last-child a {
    border-bottom: none;
}
.content .post-form fieldset {
    border: 1px solid #eaeaea;
    padding: 15px 30px;
    margin-bottom: 30px;
}
.content .post-form fieldset legend {
    display: inline-block;
    width: auto;
    padding: 0 10px;
    margin: 0;
    margin-left: -10px;
}
.content .post-form label {
    font-weight: 600;
    color: #666;
    text-transform: capitalize;
}
.content .post-form .form-control {
    background-color: #fff;
    min-height: 42px;
    border-color: #ccc;
}
.dropzone {
    border: 1px solid #eeeeee;
    border-radius: 2px;
    min-height: 200px;
    display: table;
    width: 100%;
    height: 100%;
    background-color: #eee;
}

.dropzone .dz-message {
    text-transform: capitalize;
    font-size: 24px;
    font-weight: 700;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}

.dropzone .dz-message::after {
    content: "\e084";
    font-family: 'simple-line-icons';
    display: block;
    margin-top: -70px;
    font-size: 30px;
}



/* ==========================================================================
   Login Register Pages
   ========================================================================== */

body.auth {
    
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
}
body.auth1 {
    background-image: url('../img/login.jpg');
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
}

body.auth .wrapper-page {
    width: 360px;
    margin: 0 auto;
    padding: 30px 0;
}

body.auth .wrapper-page .form-control {
    height: 40px;
    padding-left: 35px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

body.auth .wrapper-page .form-control-feedback {
    left: 15px;
    top: 3px;
    color: rgba(76, 86, 103, 0.4);
    font-size: 18px;
    line-height: 32px;
    z-index: 999;
}

body.auth .widget-icon i {
    float: left;
    font-size: 61px;
}

body.auth .logo img {
    width: 300px;
}
body.auth .widget-icon .wid-icon-info {
    margin-left: 80px;
}

body.auth .logo-lg {
    font-size: 28px !important;
    color: #ea453e !important;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 70px;
    text-transform: uppercase;
}

body.auth .wrapper-page .form-control:focus+i {
    color: #ea453e;
}

body.auth .lock-screen h4 {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 800;
}

body.auth .lock-screen h4 span {
    font-weight: 600;
}

body.auth .lock-screen .btn {
    height: 40px;
}

body.auth .user-thumb img {
    height: 88px;
    margin: 0px auto;
    width: 88px;
}

body.auth .lock-wraper h2 {
    text-transform: uppercase;
    font-weight: 800;
}

body.auth .lock-wraper hr {
    width: 60%;
    margin: 20px auto;
    background-color: #ea453e;
    border: none;
    height: 2px;
}

body.auth a {
    font-weight: 600;
    color: #fff;
}
body.auth .logo h2 {
    margin-top: 0;
    font-weight: 700;
    font-size: 36px;
    color: #fff;
}
body.auth .logo p {
    margin: 0;
    font-size: 18px;
}
body.auth .mail-wraper .email-top-logo {
    padding: 20px;
    border-bottom: 2px solid #ddd;
}

body.auth .mail-wraper h2 {
    text-transform: uppercase;
    font-weight: 700;
}

body.auth .mail-wraper h2 span {
    font-weight: 300;
}

body.auth .wrapper-page .social-links {
    margin-top: 50px;
}

body.auth .wrapper-page .social-links h3 {
    text-transform: uppercase;
    font-size: 18px;
    color: #eee;
    margin-bottom: 20px;
    font-weight: 800;
}

body.auth .wrapper-page .social-links h3 span {
    font-weight: 600;
    font-size: 14px;
    position: relative;
    display: block;
}

body.auth .wrapper-page .social-links h3 span::after {
    content: "";
    background-color: #3c3c3c;
    width: 100px;
    height: 1px;
    position: absolute;
    left: 25px;
    top: 7px;
}

body.auth .wrapper-page .social-links h3 span::before {
    content: "";
    background-color: #3c3c3c;
    width: 100px;
    height: 1px;
    position: absolute;
    right: 25px;
    top: 7px;
}

body.auth .wrapper-page .social-links h3 span.register::after {
    left: 20px;
}

body.auth .wrapper-page .social-links h3 span.register::before {
    right: 20px;
}

body.auth .wrapper-page .social-links a {
    font-size: 12px;
    padding: 0 5px;
    width: 30px;
    height: 30px;
    line-height: 27px;
}

body.auth .btn {
    height: 35px;
    font-size: 14px;
}

/* body.auth .mail-wraper .mail-wraper-content {
    padding: 80px 80px;
} */

body.auth .mail-wraper {
    width: 600px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

@media only screen and (max-width: 375px) {
    body.auth .wrapper-page {
        width: 270px;
    }
}


body.user .main-header .navbar-default .navbar-nav li a .avatar {
    width: 36px;
    height: 36px;
    display: inline-block;
    margin-left: 10px;
}

body.user .main-header .navbar-default .navbar-nav li a .avatar img {
    width: 100%;
    border-radius: 50%;
}
body.user .wrapper {
    position: relative;
    top: 0;
    min-height: 100%;
    overflow: hidden;
}
body.user .sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 260px;
    display: block;
    z-index: 1;
    color: #333;
    font-weight: 200;
    background-color: #1b2a42;
    min-height: 100%;
    padding: 30px 20px;
}
body.user .sidebar .nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
body.user .sidebar .nav li {
    margin-bottom: 20px;
}
body.user .sidebar .nav li a i {
    display: inline-block;
    font-size: 20px;
    width: 30px;
    float: left;
    margin-right: 15px;
    line-height: 30px;
    text-align: center;
}
body.user .sidebar .nav li a p {
    margin: 0;
    line-height: 30px;
    font-size: 14px;
    text-transform: capitalize;
}
body.user .sidebar .nav li a {
    color: #fff;
    padding: 0;
    vertical-align: middle;
    line-height: 20px;
}
body.user .sidebar .nav li a:hover, body.user .sidebar .nav li a:focus {
    background-color: transparent;
    color: #fa0;
}
body.user .main-panel {
    background: #eee;
    position: relative;
    float: right;
    width: calc(100% - 260px);
    min-height: 800px;
}
body.user .main-panel > .content {
    padding: 30px 15px;
    min-height: 768px;
}
.bootstrap-datetimepicker-widget table td span {
    margin: 0;
    height: 30px;
    line-height: 30px;
}
.bootstrap-datetimepicker-widget a[data-action] {
    padding: 0;
}
.view-more-btn {
    display: inline-block;
    padding-right: 25px;
    color: #c91f37;
    position: relative;
}
.view-more-btn::before {
    content: "\f138";
    font-family: 'Fontawesome';
    position: absolute;
    right: 0;
    font-size: 16px;
}
.pagination .pager a {
    display: inline-block;
    border-radius: 100px;
    height: 30px;
    padding: 6px 12px;
    background-color: #e8e8e8;
    color: #c91f37;
}
.pagination .pager a.active {
    background-color: #c91f37;
    color: #FFF;
}

.pagination .pager a[disabled] {
    cursor: not-allowed;
    color: #333;
}
select.form-control {
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-height: 40px;
    padding-right: 30px;
    background-image: url('../img/angle-arrow-down.png');
    background-position: center right 10px;
    background-repeat: no-repeat;
    -webkit-background-size: 10px;
    background-size: 10px;
    padding-left: 10px;
}
select.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.btn-xs {
    padding: 5px 10px !important;
    font-size: 12px;
}
.content .section-title.with-btn .switcher {
    position: absolute;
    top: 0;
    right: 140px;
}
.content .section-title.with-btn .switcher .btn-group .btn {
    position: static;
    padding: 0;
    height: 32px;
    width: 32px;
    text-align: center;
    min-width: auto;    
    -webkit-box-shadow: none;
    box-shadow: none;
}
.content .section-title.with-btn .switcher .btn-group .btn.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
.content .section-title.with-btn .switcher .btn-group .btn i {
    margin: 0;
}
.auto-listing-wraper .auto-item.listing-grid {
    display: block;
    margin-bottom: 30px;
}
.auto-listing-wraper .auto-item {
    border: none;
    padding: 0 15px;
    display: block;
}
.auto-listing-wraper .auto-item .item-inner {
    border: 1px solid #eaeaea;
    padding: 10px;
    display: table;
    width: 100%;
}
.auto-listing-wraper .auto-item .auto-text {
    padding-right: 10px;
}
.auto-listing-wraper .auto-item .auto-text .grid-viewmore-btn {
    display: none;
    padding-right: 25px;
    color: #c91f37;
    position: relative;
    margin-top: 10px;
}
.auto-listing-wraper .auto-item .auto-text .grid-viewmore-btn::before {
    content: "\f138";
    font-family: 'Fontawesome';
    position: absolute;
    right: 0;
    font-size: 16px;
}
.auto-listing-wraper .auto-item.listing-grid .item-inner {
    display: block;
}
.auto-listing-wraper .auto-item.listing-grid .item-inner .auto-media {
    display: block;
    width: 100%;
}
.auto-listing-wraper .listing-grid + .listing-grid {
    margin-top: 0;
}
.auto-listing-wraper .auto-item.listing-grid .item-inner .auto-text {
    display: block;
    width: 100%;
    padding: 0;
    margin-top: 10px;
}
.auto-listing-wraper .auto-item.listing-grid .item-inner .auto-text .auto-title {
    padding-right: 0;
}
.auto-listing-wraper .auto-item.listing-grid .item-inner .auto-text .auto-price {
    position: static;
}
.auto-listing-wraper .auto-item.listing-grid .item-inner .auto-text .grid-viewmore-btn {
    display: inline-block;
}
.auto-listing-wraper .auto-item.listing-grid .item-inner .auto-text p {
    display: none;
}
.auto-listing-wraper .auto-item.listing-grid .item-inner .auto-text .view-more-btn {
    display: none;
}
.content .section-title.with-btn {
    padding-right: 210px;
}
.content .section-title.with-search {
    display: block;
}
.content .section-title.with-search h2 {
    float: left;
}
.content .section-title.with-search h2 + form {
    margin-left: auto;
    width: 250px;
}
.content .section-title.with-search h2 + form .btn {
    width: auto;
    min-width: auto;
    position: static;
    height: 32px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.content .section-title.with-search h2 + form .form-control {
    height: 32px;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */


/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}


/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}


/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}


/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before, .clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

/**************08-05-21**************/
/*#message{
   width: 100%; 
    margin: 10px auto;
    background: #dedede;
    padding: 8px 0;
    float: left;
   right: 100px;
  transition: left 0.5s ease-in-out;
  position: relative;
}
#message p{
    text-align: left;
    color: red;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: 400;
}

#message .close{
    position: absolute;
    top: 5px;
    right: 10px;
    color: #333;
}*/
#messageContainer {
    position: absolute;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100px;
    min-height: 100px;
    overflow: hidden;
    background: #c9f1d5;
    color: red;
}

.alert{
    position: absolute;
    width: 41%;
    margin-left: 0%;
    margin-top: -70px;
    background: #228bdf;
    color: white;
    z-index: 9;
    }

.alert p{
    text-align: left;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: 400;
}
.closebtn{
    position: absolute;
    top: 13px;
    right: 10px;
    color: #fff;
    background: transparent;
    border: none;
    font-size: 19px;
}





/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media (max-width: 1200px) {
    .reviews .review-wraper .review-item {
        display: block;
        width: 100%;
    }
    .reviews .review-wraper .review-item .review-media {
        display: block;
        width: 100%;
    }
    .reviews .review-wraper .review-item .review-text {
        display: block;
    }
}
@media (max-width: 991px) {
    .header .header-top .logo {
        text-align: center;
        margin-bottom: 15px;
        border-bottom: 1px solid #eaeaea;
        padding-bottom: 15px;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        margin: 0;
        padding: 0;
        border: none;
        margin-top: 12px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 0;
        display: block !important;
    }
    .navbar-nav>li {
        float: none;
        display: block !important;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
        border: none;
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
    .header .navbar-default {
        min-height: auto;
        border: none;
        background-color: #e7e7e7;
    }
    .social-login-block {
        float: left;
    }
    .navbar-toggle .icon-bar {
        background-color: #C91F37;
    }
    .navbar-toggle .icon-bar {
        -o-transition: 0.3s ease-in-out;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .navbar-toggle.active .icon-bar:nth-child(1) {
        -webkit-transform: rotate(-45deg) translate(-4px, 5px);
        transform: rotate(-45deg) translate(-4px, 5px);
    }
    .navbar-toggle.active .icon-bar:nth-child(2) {
        opacity: 0;
    }
    .navbar-toggle.active .icon-bar:nth-child(3) {
        -webkit-transform: rotate(45deg) translate(-3px, -5px);
        transform: rotate(45deg) translate(-3px, -5px);
    }
    .header .header-top .social-links, .header .header-top .login-btns {
        margin-top: 0;
    }
    .header .header-top {
        padding-bottom: 15px;
        border-bottom: 1px solid #eaeaea;
    }
    .header .navbar-default .navbar-nav li a::after {
        display: none;
    }
    .header .navbar-default .navbar-nav li a {
        text-align: left;
        padding: 10px 0;
    }
    .header .navbar-default .navbar-nav li {
        border-bottom: 1px solid #d6d6d6;
    }
    .header .navbar-default .navbar-nav li:last-child {
        border: none;
    }
}
@media (max-width: 768px) {
    .coupons .coupons-wraper .coupon-item {
        padding-right: 20px;
    }
    .coupons .coupons-wraper .coupon-item a.btn {
        position: static;
        margin-top: 15px;
    }
    .auto-listing-wraper .auto-item {
        display: block;
    }
    .auto-listing-wraper .auto-item .auto-media {
        display: block;
        width: 100%;
    }
    .auto-listing-wraper .auto-item .auto-text {
        display: block;
        padding-left: 0;
        margin-top: 15px;
    }
    .autoparts .parts-item {
        min-height: 300px;
        margin-bottom: 30px;
    }
}

@media (max-width: 550px) {
    .header .header-top .logo h2 {
        font-size: 30px;
    }
    .header .header-top .logo p {
        font-size: 16px;
    }
    .slider-wraper .main-caption h2 {
        font-size: 30px;
    }
    
    .footer .footer-top {
        padding: 30px 0;
    }
    .footer .footer-widget {
        margin-top: 30px;
    }
    .dropzone .dz-message::after {
        margin-top: -120px;
    }
    .post-form {
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}


/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *, *:before, *:after, *:first-letter, *:first-line {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a, a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";

    }
    abbr[title]:after {
        content: " (" attr(title) ")";
        
    }
    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: "";

    }
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    thead {
        display: table-header-group;
    }
    tr, img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
    h2, h3 {
        page-break-after: avoid;
    }
}


.property-slider img.fotorama__img{
    object-fit: cover !important;
}