/*

    * === COLOR PALLETES == *

    BLACK: 1e1e1e RGB: 30,30,30;

    DARK BLUE: 006c13 RGB: 54,86,155;
    DARK BLUE 2: 4c7eef RGB: 41,63,91;
    LIGHT BLUE: 5580BF  RGB:85,128,191;

    GRAY: d8d8d8  RGB: 216,216,216;

    * === STYLE TABLE OF CONTENTS == *

    01. FONTS
    02. LOGO & NAVIGATION
    03. TYPOGRAPHY
    04. LANDING PAGES & SECTIONS
        - BOOKING DETAILS
        - BLOG LISTING
        - HEADER NAV
        - VEHICLE LIST
        - DASHBOARD
    
    

    00. ELEMENTS
    00. MODALS
    00. OWL CAROUSEL
    00. FOOTER
    00. BOOTSTRAP HELPERS
    00. MEDIA QUERIES


*/

body{
    background: #fff;
    color: #1e1e1e;
    font-size: 16px;
    line-height: 26px;
    font-family: Poppins, "Helvetica Neue", Helvetica, sans-serif;
}
*, *::after, *::before {
    -webkit-font-smoothing: antialiased;
    outline: none;
    text-rendering: optimizeLegibility;
    zoom: 1;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-weight: 500;
}





/* 01. @FONTS ============================= */





/* 02. @LOGO & NAVIGATION ============================= */

.site--logo{
    display: inline-block;
    margin-top: 4px;
    margin-right: 40px;
    /*opacity: 0;*/
}

.site--logo a{
    display: inline-block;
}
.site--logo a img{
    width: 220px;
    /*height: 64px;*/
}
.site--logo h1{
    margin-top: 12px;
}
.site--logo svg{
    width: 200px;
}
.site--logo svg{
    width: 200px;
}



#main-navigation{
    /*position: relative;*/
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    /*border-bottom: 1px solid #e9e9e9;*/
    background: #ffffff;

    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);

    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    /*background: transparent;*/
}
.navbar-inverse .navbar-toggle{
    /*border: 0;*/
}
.navbar-toggle{
    margin-top: 20px;
    padding: 0;
}
.navbar-toggle .icon-bar{
    background-color: #2b2b2b;
    width: 30px;
    height: 3px;
}
.landing-navbar .navbar-toggle .icon-bar{
    background-color: #ffffff;
}


.user-dropdown{
  margin-right: 0;
}
.user-dropdown .dropdown-menu{
  margin-top: 8px !important;
  margin-right: -2px !important;
  border: 0;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
  border-radius: 2px;
  min-width: 220px;
  padding: 10px 15px;
}

.user-dropdown .dropdown-menu > li > a{
  padding: 13px 20px;
  border-bottom: 1px solid #f1f1f1;
}
.user-dropdown .dropdown-menu > li:last-child > a{
  border-bottom: 0;
}

.dropdown-image{
  width: 34px !important;
  height: 34px !important;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 0 2px #ffffff;
  margin-right: 0 !important;
  margin-top: 2px !important;
  padding: 0 !important;
  margin-left: 15px;
}
.dropdown-image:before{
  display: none;
}
.dropdown-image img{
  width: 34px;
}

.dropdown-arrow ul.dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 10;
}
.dropdown-arrow ul.dropdown-menu:after {
    content: "";
    border-bottom: 12px solid #f1f1f1;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    right: 8px;
    z-index: 9;
}





.main-nav-items{
    margin-right: 15px;
    margin-top: 17px;
}
.main-nav-items .navbar-nav{
    /*float: none;*/
}
.main-nav-items .navbar-nav > li{
    float: none;
    display: inline-block;
}
.main-nav-items .navbar-nav > li.icon-nav-item > a img{
    width: 20px;
}
.main-nav-items .navbar-nav > li > a{
    font-weight: 500;
    position: relative;
    float: none;
    display: inline-block;
    font-size: 14px;
    color: #006c13;
    padding: 8px 15px;
    border-radius: 4px;
    border: 2px solid transparent;
    

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-size: 100%;
    background: transparent;

    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}
.main-nav-items .navbar-nav > li > a.btn.btn-primary{
    background: #006c13;
    color: #fff;
    font-size: 14px;
}


.main-nav-items .navbar-nav > li.active > a, .main-nav-items .navbar-nav > li.active > a:hover{
    
}
.main-nav-items .navbar-nav > li > a.btn-outline{
    color: #006c13;
    border: 2px solid #006c13;
}
.main-nav-items .navbar-nav > li > a:hover, .main-nav-items .navbar-nav > li > a:focus{
    color: #006c13;
    border: 2px solid #006c13;
}
#main-navigation .social-nav-icons > li > a{
    padding: 20px 10px;
}
#main-navigation .social-nav-icons > li:last-child > a{
    padding-right: 0;
}




/* 01.1 MOBILE NAVIGATION */

#mobile-nav-wrapper{
    position: fixed;
    z-index: 1080;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    /*left: 0;*/
    max-width: 420px;
    /*opacity: 0;*/
    /*visibility: hidden;*/
    line-height: 1em;
    text-align: left;
    overflow: auto;
    pointer-events: none;

    -webkit-transform: translateX(100%);
    transform: translateX(100%);

    /*background-color: rgba(0,0,0,.97);*/
    background: #ffffff;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    -webkit-transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    -o-transition: transform 600ms cubic-bezier(.694,0,.335,1);
    transition: transform 600ms cubic-bezier(.694,0,.335,1);
    transition: transform 600ms cubic-bezier(.694,0,.335,1),-webkit-transform 600ms cubic-bezier(.694,0,.335,1);
}
#mobile-nav-wrapper.open-nav{
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);

    -webkit-transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    -o-transition: transform 600ms cubic-bezier(.694,0,.335,1);
    transition: transform 600ms cubic-bezier(.694,0,.335,1);
    transition: transform 600ms cubic-bezier(.694,0,.335,1),-webkit-transform 600ms cubic-bezier(.694,0,.335,1);

    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-overflow-scrolling: touch;

}
#mobile-logo{
    text-align: center;
    margin: 20px auto 30px;
    display: block;
}
#mobile-nav-wrapper .navbar-nav{
    float: none !important;
    margin: 0 !important;
}
#mobile-nav-wrapper .navbar-nav > li{
    width: 100%;
    float: none;
    display: inline-block;
    text-align: center;
}
#mobile-nav-wrapper .navbar-nav > li > a{
    float: none;
    width: 100%;
    display: inline-block;
    margin: 0;
    font-size: 12px;
    padding: 15px 30px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'GothamPro-Medium', Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #006c13;
    /*opacity: 0.8;*/

}
#mobile-nav-wrapper .navbar-nav > li > a.btn-primary{
    color: #fff;
    border-radius: 0;
}

#mobile-nav-wrapper .navbar-icon{
    top: 0px;
}

#mobile-nav-wrapper .navbar-nav > li > a:hover, #mobile-nav-wrapper .navbar-nav > li > a:focus, #mobile-nav-wrapper .navbar-nav > li.active > a{
    background: transparent;
    opacity: 1;
}

#mobile-nav-wrapper .navbar-icons{
    text-align: center;
}
#mobile-nav-wrapper .navbar-icons > li{
    display: inline-block;
    width: auto;
}
#mobile-nav-wrapper .navbar-icons > li > a{
    display: inline-block;
    width: auto;
    padding: 15px;
}
#mobile-nav-wrapper .navbar-icons > li > a.dropdown-image{
    padding: 0 !important;
    top: 5px;
    margin-left: 8px;
}


#mobile-nav-trigger{
    width: 50px;
    position: fixed;
    top: 23px;
    right: 13px;
    z-index: 1090;
}

#nav-trigger {
    position: relative;
    /*margin-top: 10px;*/
    width: 50px;
    height: 20px;
    padding: 0;
    -moz-transition:0 .4s;
    -o-transition:0 .4s;
    -webkit-transition:0 .4s;
    transition:transform .4s;
    opacity:1!important;
    /*position:relative;*/
    /*z-index:998;*/

    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility:    hidden; 
    -ms-backface-visibility:     hidden;
}
#nav-trigger:before{
    border-radius: 2px;
    content: '';
    /*background: #222;*/
    width: 40px;
    height: 34px;
    position: absolute;
    left: 8px;
    top: -7px;

    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#nav-trigger:hover{
    cursor: pointer;
}

#nav-trigger span {
    -moz-transition:.4s;
    -o-transition:.4s;
    -webkit-transition:.4s;
    transition:.4s;
    background-color:#006c13;
    box-shadow: 0 0 8px rgba(110,182,59,0.3);
    display:block;
    height:2px;
    left:14px;
    margin-top:-1px;
    position:absolute;
    top:50%;
    width: 28px;
    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility:    hidden; 
    -ms-backface-visibility:     hidden;
}
.landing-navbar #nav-trigger span{
    background-color: #ffffff;
}

#nav-trigger span:first-child {
    -moz-transform:translate(0,-7px);
    -ms-transform:translate(0,-7px);
    -webkit-transform:translate(0,-7px);
    transform:translate(0,-7px);
}

#nav-trigger span:last-child {
    -moz-transform:translate(0,7px);
    -ms-transform:translate(0,7px);
    -webkit-transform:translate(0,7px);
    transform:translate(0,7px);
}

body.nav-open #nav-trigger {
    -moz-transform: rotate(90deg) translate(-3px, 0);
    -ms-transform: rotate(90deg) translate(-3px, 0);
    -webkit-transform: rotate(90deg) translate(-3px, 0);
    transform: rotate(90deg) translate(-3px, 0);
}

body.nav-open #nav-trigger span {
    /*background-color:#FFF;*/
}

body.nav-open #nav-trigger span:first-child {
    -moz-transform:rotate(45deg) translate(0,0);
    -ms-transform:rotate(45deg) translate(0,0);
    -webkit-transform:rotate(45deg) translate(0,0);
    transform:rotate(45deg) translate(0,0);
}

body.nav-open #nav-trigger span:nth-child(2) {
    -moz-transform:scaleX(0);
    -ms-transform:scaleX(0);
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
}

body.nav-open #nav-trigger span:last-child {
    -moz-transform:rotate(-45deg) translate(0,0);
    -ms-transform:rotate(-45deg) translate(0,0);
    -webkit-transform:rotate(-45deg) translate(0,0);
    transform:rotate(-45deg) translate(0,0);
}



/* 03. @TYPOGRAPHY ============================= */
.hero-title{
    font-size: 58px;
    line-height: 64px;
    margin-bottom: 20px;
}
.hero-title-2{
    font-weight: 300;
    font-size: 66px;
    line-height: 68px;
    margin-bottom: 20px;
}
.hero-title-3{
    font-weight: 300;
    font-size: 46px;
    line-height: 58px;
    margin-bottom: 15px;
}
.hero-sub-title-3{
    font-size: 16px;
    line-height: 26px;
    font-weight: normal;
    margin-bottom: 20px;
}

.section-title{
    font-weight: 300;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 20px;
}

.page-title{
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 20px;
}

.header-section-title{
    font-size: 60px;
    line-height: 64px;
    margin-bottom: 20px;
}
.header-section-title2{
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 20px;
}
.rob-reg{
    font-weight: normal;
}

.small{
    line-height: 20px;
}


/* @LIST */
.list-inline-float{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}
.list-inline-float > li:first-child{
    margin-left: 0;
}
.list-inline-float > li:last-child{
    margin-right: 0;
}
.list-inline-float > li{
    display: block;
    float: left;
    margin: 0 10px;
}
.list-divider-1{
    width: 1px;
    background: #979797;
    height: 30px;
    padding: 0 !important;
    margin: 0 5px;
}

.list-inline-bullet{
    padding: 0;
    margin: 0;
}
.list-inline-bullet > li{
    display: inline-block;
    font-weight: 500;
}
.list-inline-bullet.md-text > li{
    font-size: 16px;
    line-height: 26px;
}
.list-inline-bullet > li:after{
    content: '';
    display: inline-block;
    height: 6px;
    width: 6px;
    background: #888;
    margin: 0 10px;
    border-radius: 5px;
}
.list-inline-bullet > li:last-child:after{
    display: none;
}



/* DASHBOARD PANEL LIST */
.dash-panel-list-wrap{

}
.dash-panel-list-wrap > .dash-panel-list{
    position: relative;
    padding: 20px 15px;
    padding-left: 80px;
    border-left: 2px solid transparent;
    border-bottom: 1px solid #eee;
}
.dash-panel-list-wrap > .dash-panel-list.pad-sm{
    padding-top: 10px;
    padding-bottom: 8px;
}
.dash-panel-list-wrap > .dash-panel-list.pad-sm{
    padding-left: 70px;
}
.dash-panel-list-wrap > .dash-panel-list.pad-sm .dash-stream-icon{
    left: -30px;
}
.dash-panel-list-wrap > .dash-panel-list.pad-sm .dash-stream-icon, .letter-avatar{
    width: 30px;
    height: 30px;
}

.dash-panel-list-wrap > .dash-panel-list:last-child{
    border: 0;
}
.dash-stream-icon{
    width: 38px;
    height: 38px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 10px;
    position: absolute;
    z-index: 1;
    left: -40px;
}
.dash-stream-msg-wrap{
    line-height: 18px;
}

/* CAR PHOTO CAROUSEL */
#car-photos-carousel .owl-slide img{
    border-radius: 6px;
}

#car-photos-carousel .owl-prev, #car-photos-carousel .owl-next{
    width: 40px;
    height: 40px;
    background: #006c13 !important;
    border-radius: 50%;
    opacity: 1;
    padding: 10px !important;
    margin-top: -37px !important;
}
#car-photos-carousel .owl-prev svg, #car-photos-carousel .owl-next svg{
    width: 10px;
    height: 20px;
    margin: 0 auto;
    display: block;
}
#car-photos-carousel .owl-prev{
    left: -20px;
}
#car-photos-carousel .owl-next{
    right: -20px;
}
/* DOTS */
#car-photos-carousel .owl-dots{
    text-align: center;
    margin-top: 15px;
}
#car-photos-carousel .owl-dots > .owl-dot{

}
.owl-theme .owl-dots .owl-dot span{
    background: transparent !important;
    width: 12px !important;
    height: 12px !important;
    border: 1px solid #111;
    -webkit-transition: all 0.3s ease-in-out !important; 
    -moz-transition   : all 0.3s ease-in-out !important; 
    -ms-transition    : all 0.3s ease-in-out !important; 
    -o-transition     : all 0.3s ease-in-out !important; 
    transition        : all 0.3s ease-in-out !important; 
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #111 !important;
}



/* MESSAGES */

.online-label{
    width: 8px;
    height: 8px;
    display: inline-block;
    margin: 0 5px;
    /*position: absolute;*/
    /*right: 5px;
    top: 5px;*/
    border-radius: 5px;
    background: #ccc;
}
.online-label.online{
    background: #50AC59;
}

.message-preview{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    line-height: 20px;
    margin-top: 2px;
}

.letter-avatar{
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #D8D8D8;
    font-size: 18px;
    text-align: center;
    padding: 5px;
    color: #222;
}

.your-messages-search-wrap{
    margin-top: 5px;
    padding: 0 15px;
}

.messages-sidebar{
    padding-top: 10px;
    border-right: 2px solid #ddd;
    height: 765px;
    overflow: auto;
}
.verified-badge{
    position: relative;
    top: 5px;
}
.verified-badge svg{
    width: 26px;
    height: 20px;
}


.message-body-pad{
    padding: 10px;
}
.message-body-left-pad{
    padding: 10px 10px 10px 70px;
}
#messages-wrap{
    max-height: 450px;
    overflow: auto;
    padding: 25px;
}




.messages-list{
    padding: 0;
    margin: 0;
}
.messages {
  height: auto;
  min-height: calc(100% - 93px);
  max-height: calc(100% - 93px);
  overflow-y: scroll;
  overflow-x: hidden;
}
@media screen and (max-width: 735px) {
  .messages {
    max-height: calc(100% - 105px);
  }
}
.messages::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.messages::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
}
.messages ul li {
  display: inline-block;
  clear: both;
  float: left;
  margin: 15px 0 5px 0;
  /*width: calc(100% - 25px);*/
  width: 100%;
  font-size: 0.9em;
}
.messages ul li:nth-last-child(1) {
  margin-bottom: 20px;
}
.messages ul li.sent img {
  margin: 6px 8px 0 0;
}
.messages ul li.sent p {
  background: #D8D8D8;
  color: #111;
}
.messages ul li.sent .msg-time, .messages ul li.replies .msg-time{
    font-size: 10px;
    line-height: 16px;
    color: #7e8081;
    padding-left: 37px;
    margin-bottom: 10px;
}
.messages ul li.replies img {
  float: right;
  margin: 6px 0 0 8px;
}
.messages ul li.replies p {
  background: #ebeffc;
  float: right;
}
.messages ul li.replies .msg-time{
    float: right;
    clear: both;
    overflow: hidden;
    padding-right: 37px;
}
.messages ul li img {
  width: 30px;
  border-radius: 50%;
  float: left;
}
.messages ul li p {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 3px;
  max-width: 205px;
  line-height: 18px;
  margin-bottom: 5px;
}
@media screen and (min-width: 735px) {
  .messages ul li p {
    max-width: 300px;
  }
}
.message-input {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 99;
}
.message-input .wrap {
  position: relative;
}
.message-input .wrap input {
  font-family: "proxima-nova",  "Source Sans Pro", sans-serif;
  float: left;
  border: none;
  width: calc(100% - 90px);
  padding: 11px 32px 10px 8px;
  font-size: 0.8em;
  color: #32465a;
}
@media screen and (max-width: 735px) {
  .message-input .wrap input {
    padding: 15px 32px 16px 8px;
  }
}
.message-input .wrap input:focus {
  outline: none;
}
.message-input .wrap .attachment {
  position: absolute;
  right: 60px;
  z-index: 4;
  margin-top: 10px;
  font-size: 1.1em;
  color: #435f7a;
  opacity: .5;
  cursor: pointer;
}
@media screen and (max-width: 735px) {
  .message-input .wrap .attachment {
    margin-top: 17px;
    right: 65px;
  }
}
.message-input .wrap .attachment:hover {
  opacity: 1;
}
.message-input .wrap button {
  float: right;
  border: none;
  width: 50px;
  padding: 12px 0;
  cursor: pointer;
  background: #32465a;
  color: #f5f5f5;
}
@media screen and (max-width: 735px) {
  .message-input .wrap button {
    padding: 16px 0;
  }
}
.message-input .wrap button:hover {
  background: #435f7a;
}
.message-input .wrap button:focus {
  outline: none;
}


.enter-message-content{
    padding: 25px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    line-height: 18px;
    height: 100px;
    overflow: hidden;
}

[contenteditable=true]:empty:before {
  content: attr(placeholder);
  display: block; /* For Firefox */
  color: #979797;
}






/* LINKS */
a {
    color             : #006c13;
    text-decoration   : none;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition   : color 0.3s ease-in-out;
    -ms-transition    : color 0.3s ease-in-out;
    -o-transition     : color 0.3s ease-in-out;
    transition        : color 0.3s ease-in-out;
    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility:    hidden; 
    -ms-backface-visibility:     hidden;
}
a:hover,
a:focus {
    color: #5580BF;
    text-decoration: none;
    outline: none;
}
a:active{
    outline: none;
}



/* 00. @BUTTONS ============================= */
.btn{
    font-weight: 500;
    border-radius: 4px;
    padding: 10px 18px 7px;
    /*font-size: 14px;*/

    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.btn-sm{
    padding: 5px 16px;
    font-size: 14px;
}
.btn-md{
    padding: 12px 28px;
}
.btn-white{
    background: #fff;
    color: #006c13;
    border: 1px solid #f7f7f7;
}
.btn-white:hover, .btn-white:focus{
    box-shadow: 0 0 0 2px #006c13;
    color: #006c13;
}
.btn-shadow{
    box-shadow: 0 0 1px rgba(0,0,0,0.3), 0 3px 1px rgba(61,61,61,0.1);
}
.btn > .btn-img{
    width: 16px;
    position: relative;
    top: -1px;
    display: inline-block;
    margin: 0 5px;
}

.btn-lg{
    
}

.btn-outline{
    border: 2px solid #ffffff;
    background: none;
    color: #ffffff;
}
.btn-outline:hover{
    background: #ffffff;
    color: #444;
}
.btn-primary{
    background: #006c13;
    border-color: #006c13;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
    background: #4c7eef;
    border-color: #4c7eef;
    outline: none !important;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #4c7eef;
    border-color: #4c7eef;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active{
    background: #3e5067;
    outline: none;
    border-color: #3e5067;
}

.btn-primary.btn-outline{
    background: transparent;
    color: #006c13;
    border-color: #006c13;
}

.btn-load-more-wrap{
    border-top: 1px solid #eee;
    text-align: center;
}
.btn-load-more{
    display: block;
    padding: 15px 25px;
}


/* 00. @FORMS ============================= */
.form-control{
    border-color: #dddddd;
    box-shadow: none;
    height: 44px;
    /*font-size: 16px;*/
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.form-control:hover{
    border-color: #c6c5c5;
}
.form-control:focus{
    box-shadow: none;
    border-color: #4c7eef;
}

.input-sm{
    height: auto;
}

.input-lg{
    border-radius: 5px;
}

.control-label{
    font-weight: normal;
}
.control-label-lg{
    font-size: 18px;
    line-height: 26px;
}

input[type=checkbox], input[type=radio]{
    margin: 7px 0 0;
}


.form-control.bg-muted{
    background-color: #F5F5F5;
}

.input-group-price{
    position: relative;
}

.input-group-addon{
    background: #fff;
    color: #999999;
}

.input-addon-left{
    position: absolute;
    left: 15px;
    top: 8px;
    font-size: 18px;
    z-index: 1;
}
.input-group-price .form-control{
    padding-left: 46px;
}


.input-group-wicon{
    position: relative;
}
.input-group-wicon.left-icon .ig-wicon{
    position: absolute;
    z-index: 1;
    top: 9px;
    left: 15px;
}
.input-group-wicon.left-icon .form-control{
    padding-left: 40px;
}
.input-group-wicon.left-icon .form-control:focus{
    /*border-color: #4c7eef;*/
}





.form-preview .form-control{
    border: 0 !important;
    border-bottom: 1px solid #333 !important;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    font-size: 18px;
}
.form-preview .control-label{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
}









/* CUSTOM CHECKBOX */
.custom-checkbox{
    list-style: none;
    padding: 0;
    margin: 0;
}
.custom-checkbox > li{
    float: left;
    display: block;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 150px;
    min-height: 148px;
    border: 2px solid #006c13;
    padding: 40px 20px;
    text-align: center;
    border-radius: 6px;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.custom-checkbox > li:hover, .custom-checkbox > li.is-checked{
    background: #006c13;
}
.custom-checkbox > li .checkbox-icon{
    width: 60px;
    height: 34px;
    margin: 0 auto 3px;
}
.custom-checkbox > li .checkbox-icon svg{
    width: 60px;
    margin: 0 auto;
}
.custom-checkbox > li .checkbox-icon svg path, .custom-checkbox > li .checkbox-icon svg g{
    fill: #006c13;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.custom-checkbox > li:hover .checkbox-icon svg path, .custom-checkbox > li.is-checked .checkbox-icon svg path{
    fill: #ffffff;
}
.custom-checkbox .checkbox-label{
    font-size: 18px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.custom-checkbox > li:hover .checkbox-label, .custom-checkbox > li.is-checked .checkbox-label{
    color: #fff;
}
.custom-checkbox .check-icon{
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 2;
    width: 20px;
    height: 20px;
    display: none;
}
.custom-checkbox > li:hover .check-icon, .custom-checkbox > li.is-checked .check-icon{
    display: block;
}


/* CUSTOM RADIO BUTTONS */

.grvtr-radio label, .grvtr-checkbox label {
    /*min-width: 400px;*/
    width: 100%;
    /*border-radius: 3px;*/
    /*border: 1px solid #D1D3D4;*/
    font-weight: normal;

    -webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
    -moz-transition: background .3s ease-in-out, color .3s ease-in-out;
    -o-transition: background .3s ease-in-out, color .3s ease-in-out;
    transition: background .3s ease-in-out, color .3s ease-in-out;
}
.grvtr-radio input[type="radio"]:empty, .grvtr-checkbox input[type="checkbox"]:empty {
    display: none;
}
.grvtr-radio input[type="radio"]:empty ~ label, .grvtr-checkbox input[type="checkbox"]:empty ~ label {
    position: relative;
    line-height: 2.5em;
    text-indent: 45px;
    margin-top: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.grvtr-radio input[type="radio"]:empty ~ label:before, .grvtr-checkbox input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 5px;
    bottom: 0;
    left: 0;
    content:'';
    width: 24px;
    height: 24px;
    background: #D1D3D4;
    border-radius: 50%;
}
.grvtr-checkbox input[type="checkbox"]:empty ~ label:before{
    border-radius: 3px;
}
.grvtr-radio input[type="radio"]:hover:not(:checked) ~ label:before, .grvtr-checkbox input[type="checkbox"]:hover:not(:checked) ~ label:before {
    font-family: 'Glyphicons Halflings';
    content: '\e013';
    text-indent: 0;
    color: #fff;
    line-height: 24px;
    font-size: 10px;
    /*background-color: #006c13;*/
    text-align: center;
    color: #C2C2C2;
}
.grvtr-radio input[type="radio"]:hover:not(:checked) ~ label, .grvtr-checkbox input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #888;
}
.grvtr-radio input[type="radio"]:checked ~ label:before, .grvtr-checkbox input[type="checkbox"]:checked ~ label:before {
    font-family: 'Glyphicons Halflings';
    content: '\e013';
    text-indent: 0;
    color: #fff;
    line-height: 24px;
    font-size: 10px;
    background-color: #006c13;
    text-align: center;

    -webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
    -moz-transition: background .3s ease-in-out, color .3s ease-in-out;
    -o-transition: background .3s ease-in-out, color .3s ease-in-out;
    transition: background .3s ease-in-out, color .3s ease-in-out;
}
.grvtr-radio input[type="radio"]:checked ~ label, .grvtr-checkbox input[type="checkbox"]:checked ~ label {
    color: #111;
}
.grvtr-radio input[type="radio"]:focus ~ label:before, .grvtr-checkbox input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}
.grvtr-radio-default input[type="radio"]:checked ~ label:before, .grvtr-checkbox-default input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #006c13;
}
.grvtr-radio-primary input[type="radio"]:checked ~ label:before, .grvtr-checkbox-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #337ab7;
}
.grvtr-radio-success input[type="radio"]:checked ~ label:before, .grvtr-checkbox-success input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5cb85c;
}
.grvtr-radio-danger input[type="radio"]:checked ~ label:before, .grvtr-checkbox-danger input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d9534f;
}
.grvtr-radio-warning input[type="radio"]:checked ~ label:before, .grvtr-checkbox-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #f0ad4e;
}
.grvtr-radio-info input[type="radio"]:checked ~ label:before, .grvtr-checkbox-info input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5bc0de;
}


.grvtr-radio.inline-radio .grvtr-radio-default, .grvtr-checkbox.inline-checkbox .grvtr-checkbox-default{
    display: inline-block;
    margin-right: 30px;
}

.grvtr-radio.inline-radio input[type="radio"]:empty ~ label, .grvtr-checkbox.inline-checkbox input[type="checkbox"]:empty ~ label{
    text-indent: 34px;
}




.apply-type-box{
    padding: 40px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}




/* 00. @LANDING PAGES & SECTIONS ============================= */
.landing-section{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.landing-section-white, .landing-section-white .landing-section-body{
    color: #fff;
}
.landing-section-body{
    padding: 120px 0;
}


.signature-top{
    padding-top: 8px;
    border-top: 1px solid #111;
}
.inline-form-control{
    display: inline-block;
    max-width: 150px;
    margin-bottom: 10px;
}
.in-b{
    display: inline-block;
}



/* SECTIONS */
.page-section{

}
.dark-section{
    color: #fff;
}
.page-section-bg{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.section-padding{
    padding: 80px 0;
}
.section-padding-sm{
    padding: 50px 0;
}
.section-padding-xs{
    padding: 30px 0;
}


/* HOMEPAGE */

/* @BOOKING DETAILS ============================= */

.booking-details .inner {
    box-sizing: border-box;
    min-height: 87px;
    border: 3px solid #006c13;
    border-radius: 5px;
    background-color: #FFFFFF;
    margin-top: -63px;
    width: 100%;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.4);
}

/* information fields */

div.search-icon {
    float: left;
    width: 81px;
    height: 81px;
    background-color: #006c13;
}

.from-until {
    margin: 0;
    height: 20px;
    width: 60px;
    border-radius: 10px;
    background-color: #000000;
    color: white;
    font-size: 11px;
    line-height: 18px;
    letter-spacing: 0.24px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -25px;
    margin-bottom: -20px;
}

div.information-field {
    float: left;
    width: calc(100% - 81px);
    min-height: 81px;
}

div.information {
    float: left;
    padding: 15px 20px 2px;
    min-height: 81px;
}

div.information.search-icon {
    padding: 0px;
}

div.information.where {
    width: 40%;
}

div.information.date-from,
div.information.time-from,
div.information.date-until,
div.information.time-until {
    width: 15%;
}

div.information.where,
div.information.time-from {
    border-right: 1px solid rgba(0,0,0,0.2);
}

.booking-details label {
    color: #333333;
    font-size: 12px;
    letter-spacing: 0.26px;
    line-height: 14px;
}

.booking-details input.form-control {
    color: #006c13;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.34px;
    line-height: 19px;
    padding: 0;
    border: none;
    box-shadow: none;
    height: 38px;
}

.booking-details ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #006c13;
    opacity: 1; /* Firefox */
}

.booking-details :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #006c13;
    opacity: 1;
}

.booking-details ::-ms-input-placeholder { /* Microsoft Edge */
    color: #006c13;
    opacity: 1;
}

.booking-details input.form-control:focus {
    box-shadow: none;
}

.booking-details input[type="submit"] {
    background: url(../img/search-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 41px 41px;
    width: 81px;
    height: 81px;
    border: 0;
    color: white;
    cursor: pointer;
}

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

    div.information.where {
        width: 32%;
    }

    div.information.date-from,
    div.information.time-from,
    div.information.date-until,
    div.information.time-until {
        width: 17%;
        border-right: none;
    }
}

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

    div.information.where,
    div.search-icon,
    div.information-field,
    .booking-details input[type="submit"] {
        width: 100%;
    }

    .booking-details input[type="submit"] {
        height: 52px;
    }
    div.search-icon{
        height: 52px;
        min-height: auto;
    }

    div.information.date-from,
    div.information.time-from,
    div.information.date-until,
    div.information.time-until {
        width: 50%;
    }
    
    .booking-details .inner {
        height: 300px;
    }
    
    div.information.where,
    div.information.time-from,
    div.information.date-from {
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }
}



/* @QUICKLINKS  ============================= */
#quicklinks-section{
    /*margin-bottom: 100px;*/
}
.quicklinks-wrap{
    padding: 40px;
    min-height: 200px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(26, 120, 242, 0.1);
}

.q-links-title{
    color: #006c13;
    font-size: 24px;
    letter-spacing: 0.52px;
    line-height: 28px;
    margin: 15px 0 35px;
    min-height: 100px;
}

/* @CHOOSE YOUR RIDE ============================= */
.car-for-rent {
    margin-bottom: 50px;
}
.car-image-wrap{
    border-radius: 6px;
    overflow: hidden;
}

.car-price {
    width: 80px;
    height: 80px;
    background-color: #006c13;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1);
    border-radius: 50%;
    position: absolute;
    right: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -48px;
}

.car-price span {
    color: #FFFFFF;
    font-size: 20px;
    letter-spacing: 0.25px;
    line-height: 24px;
    text-align: center;
}

.car-brand {
    color: #006c13;
    font-size: 24px;
    letter-spacing: 0.52px;
    line-height: 28px;
    margin: 15px 0 10px;
}

.car-brand span {
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 16px;
}

.number-of-trips {
    color: #4A4A4A;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 16px;
}



/* @BLOG LISTING 1 ============================= */
#whats-new-section{
    position: relative;   
}
#whats-new-section:after{
    position: absolute;
    content: '';
    top: 0;
    /*left: 0;*/
    right: 0;
    bottom: 0;
    z-index: -1;
    background: #006c13;
    width: 97%; 
    border-radius: 6px 0 0 6px;
}
.btn-link{
    text-decoration: none;
    padding: 0;
    font-size: 22px;
    line-height: 28px;
}
.btn-link-2{
    text-decoration: none;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
}
.btn-link > .btn-img{
    top: 2px;
}
#whats-new-section a.btn-link:hover{
    color: #fff;
    color: rgba(255,255,255,0.8);
    text-decoration: none;
}

.blog-stream-item{
    position: relative;
    margin-bottom: 20px;
    min-height: 280px;
}
.blog-stream-featured-img{
    width: 250px;
    height: 260px;
    overflow: hidden;
    border-radius: 6px;
    background: #1b1b1b;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.blog-stream-featured-img .image{
    opacity: 0.7;
}
.blog-stream-title{
    font-weight: 400;
    font-size: 36px;
    line-height: 40px;
}
.blog-stream-body{
    position: relative;
    z-index: 2;
    padding-left: 230px;
    padding-top: 50px;
    /*position: absolute;
    left: 230px;
    top: 20px;
    z-index: 1;*/
}
.blog-play-icon{
    display: block;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}



.list-or-rent-btns > li{
    margin: 0 10px;
}
.list-or-rent-btns > li.or-btn-inline{
    height: 40px;
    width: 40px;
    padding: 3px;
    border-radius: 50%;
    border: 3px solid #006c13;
    background: #fff;
    text-transform: uppercase;
}
.hr-line-container{
    position: relative;
    overflow: hidden;
}
.hr-line{
    position: absolute;
    content: '';
    height: 3px;
    background: #006c13;
    top: 22px;
    width: 100%;
    z-index: -1;
}
.hr-line.hr-right{
    left: 0;
    margin-left: 40%;
}

.hr-line.hr-inline{
    position: static;
    margin: 50px 0;
    display: block;
}


.hr-tail{
    position: relative;
}
.hr-tail:after{
    position: absolute;
    content: '';
    height: 15px;
    width: 15px;
    border: 3px solid #006c13;
    border-radius: 50%;
}
.hr-tail.tail-right:after{
    right: 6px;
    top: 44px;
}

.section-divider{
    height: 3px;
    width: 100%;
    background:  #ddd;
    margin: 20px 0;
}

.featured-in-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.featured-in-list > li{
    display: inline-block;
    margin: 0 5px 10px;
}
.featured-in-list > li > a{
    display: inline-block;
    background: #d8d8d8;
    height: 80px;
    width: 80px;
    border-radius: 50%;
}


/* HEADER NAV */
.header-nav{
    list-style: none;
    padding: 0;
    margin: 0;
}
.header-nav.text-white > li > a{
    color: #ffffff;
}
.header-nav > li{
    display: inline-block;
}
.header-nav > li > a{
    display: inline-block;
    padding: 10px 0;
    margin-right: 15px;
    border-bottom: 2px solid transparent;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.header-nav > li:last-child > a{
    margin-right: 0;
}

.header-nav > li > a:hover, .header-nav > li.active > a{
    border-bottom-color: #ffffff;
    text-decoration: none;
}



/* VEHICLE LIST */
.add-new-vehicle{
    border-radius: 6px;
    border: 3px solid #006c13;
    padding: 40px 20px;
    text-align: center;
    color: #006c13;
    min-height: 256px;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.add-new-vehicle:hover{
    box-shadow: 0 0 35px rgba(0,0,0,0.1);
}
.add-new-vehicle-icon{
    width: 70px;
    margin: 0 auto;
}
.add-new-vehicle-label{
    font-size: 26px;
    line-height: 28px;
}


.list-card-item{
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    text-align: center;
    margin-bottom: 30px;
    min-height: 256px;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.list-card-item:hover{
    box-shadow: 0 0 35px rgba(0,0,0,0.1);
}
.list-card-item .list-card-body{
    padding: 20px;
}
.list-card-item .list-card-footer{
    padding: 8px;
    border-top: 1px solid #eee;
}
.list-card-item .list-card-footer a{
    font-size: 16px;
}
.vehicle-visibility{
    position: absolute;
    right: 10px;
    bottom: 8px;
    z-index: 2;
}
.vehicle-visibility .dropdown-menu{
    border: 0;
    box-shadow: none;
    background: #006c13;
}
.vehicle-visibility .dropdown-menu a{
    color: #ffffff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.vehicle-visibility .dropdown-menu a:hover{
    background: transparent;
    color: rgba(255,255,255,0.5);
}
.card-icon-wrap{
    width: 60px;
    margin: 0 auto 5px;
}
.card-label{
    font-size: 26px;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 5px;
}
.vehicle-plate-no{
    min-height: 30px;
}
.list-plate-no, .vehicle-type{
    text-transform: uppercase;
    color: #111;
    border: 1px solid #111;
    border-radius: 3px;
    padding: 2px 10px;
    display: inline-block;
    text-align: center;
    font-size: 11px;
    line-height: 18px;
}
.vehicle-type{
    display: inline-block;
    background: #111;
    color: #ffffff;
}
.list-status{
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 0;
    margin-top: 10px;
}
.list-card-item .status-label{
    font-size: 16px;
}


/* DASHBOARD */
section.dashboard-wrapper{
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 1px 0 15px rgba(0,0,0,0.1);
}
header.dash-sidebar{
    
}
.dash-sidebar-pad{
    padding: 20px;
}
.dashboard-pad{
    padding: 40px;
}
.dashboard-pad-xs{
    padding: 20px;
}
.dashboard-header{
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-top: 0;
}
.dash-sidebar-nav{
    list-style: none;
    padding: 0;
    margin: 0;
}
.dash-sidebar-nav > li{
    display: block;
    position: relative;
    padding: 0;
    margin-bottom: 15px;
}
.dash-sidebar-nav > li > a{
    display: block;
    position: relative;
    font-size: 18px;
    line-height: 26px;
    border-left: 1px solid transparent;
    padding: 1px 35px 1px 20px;
}
.dash-sidebar-nav > li > a:after{
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e080';
    position: absolute;
    right: 20px;
    top: 5px;
    font-size: 14px;
}
.dash-sidebar-nav > li > a:hover, .dash-sidebar-nav > li.active > a{
    border-left-color: #006c13;
    color: #111;
}

.dash-header-top{
    background: #006c13;
    padding: 30px;
    border-radius: 0 4px 0 0;
}
.dash-header-title{
    color: #fff;
    margin-top: 0;
}
.dash-header-top a{
    color: #fff;
}

.dash-content-wrap{
    position: relative;
    padding: 30px;
}
.dash-content-wrap:before{
    content: '';
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    height: 100px;
    position: absolute;
    background: #006c13;
    /*z-index: -1;*/
}

.sidebar-bordered{
    padding-top: 30px;
    padding-bottom: 30px;;
}

.dashboard-border-left{
    border-left: 1px solid #ddd;
}

.header-nav-section .breadcrumb{
    background: none;
    border: 0;
    margin: 0;
    color: #fff;
}

.header-nav-section .breadcrumb >li{
    color: #fff;
}

.header-nav-section .breadcrumb >li>a{
    color: #fff;
}

.header-nav-section .breadcrumb>li+li:before{
    color: #fff;
}

.faq-panel-heading{
    padding: 20px 0;
    border-bottom: 2px solid #006c13;
}

.faq-panel-title{
    color: #006c13;
}

.faq-panel-heading .faq-panel-title a:after {
  /* symbol for "opening" panels */
  font-family: "Glyphicons Halflings"; /* essential for enabling glyphicon */
  content: "\e114"; /* adjust as needed, taken from bootstrap.css */
  float: right; /* adjust as needed */
  color: grey; /* adjust as needed */
}
.faq-panel-heading .faq-panel-title a.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}


.car-details{
    border-style: solid;
    border-radius: 5px;
    border-color: #979797;
    border-width: 2px;
    /*margin: 0 50px 30px 20px;*/
    margin-bottom: 30px;
    min-height: 184px;
    padding: 20px;

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.car-details:hover{
    border-color: #006c13;
    background: #006c13;
    color: #ffffff;
}
.car-details svg path, .car-details svg circle, .car-details svg rect, .car-details svg polygon{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.car-details:hover svg path, .car-details:hover svg circle, .car-details:hover svg rect, .car-details:hover svg polygon{
    fill: #ffffff;
}

.car-details-img{
    padding: 15px 0 0;
    height: 70px;
}

.car-details-label{
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
}

.car-details-info{
    font-size: 18px;

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.widget{
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    margin-bottom: 24px;
}
.widget-pad{
    padding: 15px;
}
.widget-pad-md{
    padding: 30px;
}
.widget-pannel{
    border-bottom: 1px solid #979797;
}

.widget-colored-black{
    background: #444;
    color: #fff;
}
.widget-colored-brown{
    background: #89665A;
    color: #fff;
}
.widget-colored-tortoise{
    background: #0BBDA4;
    color: #fff;
}
.widget-colored-blue-primary{
    background: #006c13;
    color: #fff;
}

.widget-icon{
    height: 80px;
}
.widget-icon svg{
    height: 80px;
}

.widget-link-icon{
    display: block;
    padding: 10px;
    padding-right: 20px;
    position: relative;
}
.widget-link-icon:before{
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e080';
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 18px;
}
.widget-icon-left{
    height: 32px;
}
.widget-icon-chev-right{
    
}

.profile-avatar-wrap{
    width: 150px;
    height: 150px;
    padding: 20px;
    border-radius: 6px;
    overflow: hidden;
    /*position: relative;*/
    top: -30px;
    right: 20px;
    position: absolute;
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

.profile-picture-wrap{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #eee;
    padding: 30px;
}

.profile-picture-wrap svg{
    width: 60px;
    height: 60px;
    margin: 0 auto;
    display: block;
}

.upload-photos-wrap{
    background: #F2F2F2;
    border-radius: 6px;
    padding: 10px;
}
.upload-photos-wrap img{
    border-radius: 6px;
}


.icon-label-top{
    min-height: 50px;
    line-height: 20px;
}

.icon-label-top-lg {
    min-height: 55px;
    line-height: 20px;
}

.icon-box-wrap{
    min-height: 200px;
    margin-bottom: 30px;
}
.icon-box-wrap .icon-body{
    height: 150px;
    border: 3px solid #006c13;
    border-radius: 4px;
    padding: 50px 20px;
    text-align: center;
    margin-bottom: 10px;
}
.add-more-icon-box .icon-body{
    padding: 20px;
    border-color: #CCCCCC;
}
.add-more-icon-box .add-more-text{
    margin-bottom: 10px;
}


.filter-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.filter-list > li{
    float: left;
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.filter-list > li .form-control{
    width: 130px;
    height: 34px;
}


/* END SECTIONS */





/* @ELEMENTS ============================= */

.hr3{
    height: 3px;
    background: #006c13;
    width: 100%;
    margin: 20px 0;
}

.image{
    /*background-color: #6d6e71;*/
    background-color: #f4f4f4;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    height: 0;
    overflow: hidden;
    width: 100%;
    color: #fff;
    /*padding-top: 50%;  Aspect Ratio Auto */
    /*padding-top: 56.25%;*/
    padding-top: 100%;
    position: relative;
    /*box-shadow: 0 0 8px rgba(0,0,0,0.075);*/

    -webkit-transform:translate3d(0,0,0);
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility:    hidden; 
    -ms-backface-visibility:     hidden;
}

.col-bg-img{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
/*
    Image Aspect ratio
    1:1 Square: 100% 
    3:2 Standard: 66.6667%
    2:3 Standard (Vertical): 150%
    4:3 Four-Three: 75%
    3:4 Three-Four (Vertical): 133.333%
    16:9 Widescreen: 56.25%
    2.4 Anomorphic Widescreen: 41.6667%
*/
.ar-square .image{
    padding-top: 41.6667%;
}
.ar-standard .image{
    padding-top: 66.6667%;
}
.ar-standard-vertical .image{
    padding-top: 150%;
}
.ar-four-three .image{
    padding-top: 75%;
}
.ar-three-four-vertical .image{
    padding-top: 133.333%;
}
.ar-widescreen .image{
    /*padding-top: 56.25%;*/
    padding-top: 58.25%;
}
.ar-anomorphic-widescreen .image{
    padding-top: 41.6667%;
}

.full-image-wrap{

}

.inline-icon{
    display: inline-block;
    position:relative;
    top: 5px;
    margin-left: 5px;
}

/* BG COLORS */
.bg-blue{
    background: #006c13;
    color: #ffffff;
}
.bg-light-blue{
    background: #f8fbff;
}
.bg-light-gray{
    background: #f5f5f5;
}
.bg-light-gray-2{
    background: #D8D8D8;
}



#map{
    height: 600px;
}
#map #infowindow-content {
    display: inline;
}

.pac-container{
    z-index: 1090;
}
.pac-card {
    margin: 10px 10px 0 0;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    padding: 20px;
}




/* TABLE */
/* *********************************** */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    border-color: #ecf0f1;
    /*padding: 8px 20px;*/
}
.table-lg > thead > tr > th, .table-lg > thead > tr > th, .table-lg > tbody > tr > th, .table-lg > tfoot > tr > th, .table-lg > thead > tr > td, .table-lg > tbody > tr > td, .table-lg > tfoot > tr > td{
    /*padding: 20px 20px;*/
}
.table > thead > tr > th, .table > tfoot > tr > th{
    border-width: 2px;
}
.table-bordered{
    border-color: #ecf0f1;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
    border-color: #ecf0f1;
}

.table.borderless td, .table.borderless th {
    border: none;
}

th{
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    /*letter-spacing: 1px;*/
    color: #626c85;
    font-size: 12px;
}







/* DIVIDERS */
.horizontal-gray {
    width: 40px;
    height: 2px;
    background-color: #979797;
    margin: 30px 0 30px 0;
}
.horizontal-gray-2{
    height: 1px;
    background: #eee;
    width: 100%;
}


/* WIDGETS */
.image-widget-1{
    margin-bottom: 20px;
}
.image-widget-1 .widget-featured-image{
    border-radius: 10px;
    overflow: hidden;
}
.image-widget-1 .widget-title{
    font-size: 34px;
    line-height: 34px;
    max-width: 50%;
}


/* BREADCRUMB */

.breadcrumb{
    border-radius: 0;
    padding: 0;
    display: block;
}
.breadcrumb>li+li:before{
    font-size: 10px;
    content: '\e080';
    color: #444;
    position: relative;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    padding: 5px 14px 5px 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.breadcrumb>.active{
    color: #555;
}

.breadcrumb-lg{
    background: none;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0px;
}

.breadcrumb-lg > li{
    font-size: 30px;
    line-height: 33px;
}

.breadcrumb-lg>li+li:before{
    font-size: 15px;
}

/* STEPLIST */
.step-list{
    padding: 0;
    margin: 0;
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
}
.step-list > li{
    display: inline-block;
    margin-right: 40px;
    margin-bottom: 10px;
    opacity: 0.4;
}
.step-list > li.active{
    opacity: 1;
}
.step-list > li > a{
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    display: block;
}
.step-list > li > a:before{
    content: counter(li);
    counter-increment: li;
    color: #fff;
    height: 50px;
    width: 50px;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #fff;
    display: block;
    padding: 10px 6px;
    margin-bottom: 10px;
}
.step-list > li:last-child{
    margin-right: 0;
}


.progress-sm{
    height: 10px;
}


/* TABLES */
.table-default{
    
}
.table-default thead > tr > th > a{
    opacity: 0.7;
    text-transform: uppercase;
    font-size: 11px;
    color: #222;
    letter-spacing: 1px;
}
.table-default thead > tr > th .glyphicon-chevron-down{
    font-size: 8px;
    margin-left: 5px;
    position: relative;
    /*top: -2px;*/
}

.table-default > thead > tr > th{
    border-bottom: 3px solid #006c13;
}
.table-default > tbody > tr > td{
    padding: 12px 8px;
}



/* TABS */
.gvntr-tabs{
    border: 0;
    border-bottom: 2px solid #eee;
}
.gvntr-tabs.nav-tabs > li > a{
    border: 0;
    border-bottom: 3px solid transparent;
    font-weight: 500;
    font-size: 16px;
    color: #006c13;
    padding: 10px 20px;
}
.gvntr-tabs.nav-tabs>li.active>a, .gvntr-tabs.nav-tabs>li.active>a:focus, .gvntr-tabs.nav-tabs>li.active>a:hover{
    border: 0;
    border-bottom: 3px solid #006c13;
    color: #111;
    background: transparent;
}
.gvntr-tabs > li > a:hover{
    background: transparent;
    color: #111;
    border: 0;
    border-bottom: 3px solid transparent;
}


/* @MODALS ============================= */

.modal-header{
    padding: 25px;
    border: 0;
    background: #F5F5F5;
    border-radius: 4px 4px 0 0;
}
.modal-title{
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
}
.modal-sub-title{
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #888;
}

.modal-content{
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.2);
    box-shadow: 0 5px 15px rgba(0,0,0,.2);
}
.modal-body{
    padding: 25px;
}
.modal-footer{
    background: #F5F5F5;
    padding: 15px 25px;
    border-radius: 0 0 4px 4px;
}



/* @OWL CAROUSEL ============================= */

/* *********************************** */
/* OWL CAROUSEL */
/* *********************************** */
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  /*display: none;*/
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* my fix */
.owl-carousel .owl-item *{ 
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}


/* OWL Theme */
.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}
.owl-theme .owl-controls .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}
.owl-theme .owl-controls .owl-nav .disabled {
    opacity: .5;
    cursor: default
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.owl-prev, .owl-next{
    margin: 0 !important;
    padding: 3px 7px !important;
    background: transparent !important;
    color: #222 !important;
    opacity: 0.5;
    font-size: 36px !important;
    -webkit-transition: opacity 0.3s !important;
    transition: opacity 0.3s !important;
}
.owl-prev:hover, .owl-next:hover{
    opacity: 1;
}
.owl-prev{
    position: absolute;
    top: 50%;
    left: -50px;
    height: 40px;
    margin-top: -20px !important;
}
.owl-next{
    position: absolute;
    top: 50%;
    right: -50px;
    height: 40px;
    margin-top: -20px !important;
}

.owl-prev.off-control, .owl-next.off-control{
    opacity: 0;
}

.ms-loader-image{
    padding: 5px;
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
}







/* @FOOTER ============================= */

#footer{
    background: #2b2b2b;
    padding: 60px 0 0;
    color: #ffffff;
}
.footer-logo{
    max-width: 50px;
    margin-bottom: 20px;
}
.footer-item{
    margin-bottom: 20px;
}
.footer-header{
    font-size: 13px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.5);
    margin-bottom: 10px;
    font-weight: 500;
}
.footer-nav-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-nav-list > li{
    display: block;
}
.footer-nav-list > li > a{
    display: block;
    color: rgba(255,255,255,0.8);
}

#bottom-footer{
    margin-top: 40px;
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,0.1);
    text-align: center;
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
    font-size: 12px;
    color: rgba(255,255,255,0.7);
}






/* 00. @BOOTSTRAP HELPERS ============================= */

/* 


   5 columns grid for 'md' and 'lg' screens

   @tatygrassini


*/

@media (min-width: 992px) {
  .col-md-1-5 { width: 20%; }
  .col-md-2-5 { width: 40%; }
  .col-md-3-5 { width: 60%; }
  .col-md-4-5 { width: 80%; }
  .col-md-5-5 { width: 100%; }
}

@media (min-width: 1200px) {
  .col-lg-1-5 { width: 20%; }
  .col-lg-2-5 { width: 40%; }
  .col-lg-3-5 { width: 60%; }
  .col-lg-4-5 { width: 80%; }
  .col-lg-5-5 { width: 100%; }
}

/* Demo only, no need for this */

.show-grid [class^=col-] span,
.container-fluid .show-grid [class^=col-] {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #eee;
  background-color: rgba(86,61,124,.15);
  text-align: center;
  border: 1px solid #ddd;
  border: 1px solid rgba(86,61,124,.2);
}









/* 00. @BOOTSTRAP HELPERS ============================= */
.container-fluid.pad0{
    overflow: hidden;
}
.flexbox-row {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
}
.flexbox-row .col-flex{

}

.flexbox-row > .col-md-6 {
    /*background: #dddddd;*/
    /*width: 50%;*/
}

a.text-white:hover, a.text-white:active, a.text-white:focus{
    color: #fff;
}

strong, .strong{
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 700;
}

.border0{
    border: 0;
}
.topfix     { margin-top: 60px; }
.top100     { margin-top: 100px; }
.top40    { margin-top: 40px; }
.top50    { margin-top: 50px; }
.top10      { margin-top: 10px; }
.top3       { margin-top: 3px; }
.top5       { margin-top: 5px; }
.top0       { margin-top: 0px; }
.top20      { margin-top: 20px; }
.right10    { margin-right: 10px; }
.right20    { margin-right: 20px; }
.right5     { margin-right: 5px; }
.right3     { margin-right: 3px; }
.bottom5   { margin-bottom: 5px; }
.bottom0   { margin-bottom: 0px; }
.bottom10   { margin-bottom: 10px; }
.left10     { margin-left: 10px; }
.left20     { margin-left: 20px; }
.left40     { margin-left: 40px; }
.mar0         { margin:0; }
.pad0       { padding:0; }
.padt0       { padding-top:0; }
.pad10      { padding:10px; }
.pad15      { padding:15px; }
.pad20      { padding:20px; }
.padt20      { padding-top:20px; }
.pad30      { padding:30px; }
.padb50     { padding-bottom:50px; }
.padb0     { padding-bottom:0px; }
.clear      { clear: both; }
.tal        { text-align:left; }
.tar        { text-align:right; }
.tac        { text-align:center; }
.margin-auto{ margin: 0 auto; }
.taj        { text-align:justify; }
.capitalize { text-transform: capitalize; }
.ttu { text-transform: uppercase; }
.hide         { display: none; }
.show         { display: block; }
.pull-right { float: right; }
.pull-left  { float: left; }
.normal     { font-weight: normal; }
.helv       { font-family: 'Helvetica', arial, sans-serif; }
.text-muted { color: #7e8081; }
.text-muted-2 { color: #8fa4b3; }
.float-none { float: none; }
.text-primary{ color: #006c13; } 
.text-white { color: #ffffff; }
.text-black{ color: #111111; }
.text-violet { color: #8E24AA; }
.text-green { color: #449C4D; }
.text-orange { color: #FF6F00; }
.fwn { font-weight: normal;  }
.strikeout{
    text-decoration: line-through;
}




.gutter-100.row {
  margin-right: -50px;
  margin-left: -50px;
}
.gutter-100 > [class^="col-"], .gutter-40 > [class^=" col-"] {
  padding-right: 50px;
  padding-left: 50px;
}

.gutter-60.row {
  margin-right: -30px;
  margin-left: -30px;
}
.gutter-60 > [class^="col-"], .gutter-40 > [class^=" col-"] {
  padding-right: 30px;
  padding-left: 30px;
}

.gutter-20.row {
  margin-right: -10px;
  margin-left: -10px;
}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

.gutter-10.row {
  margin-right: -5px;
  margin-left: -5px;
}
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.gutter-0.row {
  margin-right: 0;
  margin-left: 0;
}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"] {
  padding-right: 0;
  padding-left: 0;
}



/* 00. @MEDIA QUERIES ============================= */
@media (max-width: 1300px){
   #whats-new-section:after{
        width: 100%;
        border-radius: 0;
   }
    
}

@media (max-width: 1200px){
   
    
}

@media (max-width: 991px) {
    .full-image-wrap.break-md{
        height: 300px;
        overflow: hidden;
    }
    .md-pad30{
        padding-left: 30px;
        padding-right: 30px;
    }

    .flexbox-row.break-md{
        display: block;
    }

    .float-break-md{
        float: none !important;
    }   
    .dashboard-border-left{
        border: 0;
    }
    .messages-sidebar{
        border: 0;
    }

}

@media (max-width: 767px){
    
    .site--logo{
        margin-left: 15px;
    }


}

@media (max-width: 660px){
    
    .list-or-rent-btns > li{
        width: 100%;
        margin: 10px 0;
    }

    .blog-stream-featured-img{
        width: 200px;
        height: 210px;
    }
    .blog-stream-featured-img .image{
        padding-top: 110%;
    }
    .blog-stream-body{
        padding-left: 130px;
    }

}

@media (max-width: 480px){
    


}


  .img-circular {
     height: 250px;
     width: 250px;
     background-size: cover;
     display: block;
     border-radius: 100%;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;    
  }

    .avatar-edit {
      position: absolute;
      z-index: 1;
      bottom: 25px;
      background: #ffffff78;
      height: 20%;
      width: 100%;
      top: 80%;
    }

    .upload-profile-img {
      opacity: 0;
      margin-top: -43px      
    }

    .upload:hover {
      cursor: pointer;
    }   

  .cgs-watermark {
    opacity: 0.3;
    -moz-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    font-size: 125px;
    position: absolute;
    top: 0;
    margin-top: 420px;    
  }
	
.header-nav>ul>li>a:hover{
    text-decoration: none;
}
.header-nav-section{
    background-size: cover;
    background-image: url('../img/nav_banner.jpg');
}

#tbl-forapproval tbody tr .btn{
    font-size: 12px;
}