/* ==========================================================================
  #Fonts
========================================================================== */
@import url(//fonts.googleapis.com/css?family=Raleway:400,900italic,900,800italic,800,700italic,700,600italic,600,500italic,500,400italic,300italic,300,200,100italic,100,200italic&subset=latin,latin-ext);

/* ==========================================================================
  #Basic
========================================================================== */
body { font-family: 'Raleway', Helvetica, 'Open Sans', 'Amiri', 'Arimo', sans-serif;}

.input-group-addon,
.contact-form  .panel-body .form-horizontal .form-control,
.contact-form  .panel-body .form-horizontal .input-group-addon,
.form .input-group .form-control,
.input-group .form-control,
.form-control { border-color: #dad6cb; background: #f1ede4; color: #5a3e33; }
.form-control:focus { -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, .3); box-shadow: 0 0 10px rgba(255, 255, 255, .3); }

.form-control::-webkit-input-placeholder { color: #5a3e33; }
.form-control:-moz-placeholder { color: #5a3e33; }
.form-control::-moz-placeholder { color: #5a3e33; }
.form-control:-ms-input-placeholder { color: #5a3e33; }

.has-error .form-control { border-color: #a94442; }
.has-success .form-control { border-color: #3c763d; }

.flex-nav-prev,
.flex-nav-next,
.scroll-to-top,
.socials a:hover { background-color: #d66e3b; }

.btn-default,
.btn { background: #5b1200; border-color: #bc6134; }

.btn-default:active:focus, 
.btn-default:active:hover,
.btn-primary:active:focus, 
.btn-primary:active:hover,
.btn-default:active,
.btn-default:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-default:hover,
.btn:hover { border-color: #bc6134;}

.btn-default:active:focus, 
.btn-default:active:hover,
.btn-primary:active:focus, 
.btn-primary:active:hover,
.btn-default:active,
.btn-default:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-default:hover { background: #5b1200; }

.btn-default:before,
.btn:before { background: #bc6134; border-color: #bc6134; }

.pagination-holder { padding: 0 15px; }

.pagination > li > a { font-size: 14px; border-color: #dad6cb; background: #f1ede4; color: #bd5726; }

.pagination > li > a:focus, 
.pagination > li > a:hover, 
.pagination > li > span:focus, 
.pagination > li > span:hover,
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover { border-color: #bd5726; background: #d66e3b; color: #fff; }

.feature-info p,
.form .glyphicon,
.nav a:hover, 
.made-by a:hover,
.copyright a:hover, 
.contact-details i, 
.feature-image .fa, 
.section a, 
.panel-heading strong,
.form-horizontal .glyphicon,
.dl-horizontal a:hover,
.car-details-info .price strong,
.car-details-info .dl-horizontal dd a,
.footer-nav a:hover {color: #d66e3b; }

h1, 
h2, 
.feature-head5 h3 { color: #5b1200; }

h2:after, .nav .active:after, h1:after { display: none;}

.about .about-image span { color: #d66e3b; }

.footer-copy,
footer,
.panel-default > .panel-heading { background: #f9f8f3; }

.panel > .panel-body { background: #f9f8f3; } 

.panel { border-color: #e3dfcd; }

.features-inline .feature:hover { background: #f9f8f3; border-color: #e3dfcd;}

.socials a,
.flex-control-paging li a { background-color: #2a2e2f; }

.feature-image:after,
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active { background-color: #d66e3b; }

.car-details-thumbs .thumbnail { border-bottom: 3px solid #2a2e2f; }
.car-details-thumbs .thumbnail.active,
.car-details-thumbs .thumbnail:hover { border-bottom: 3px solid #d66e3b; }

.about .about-image,
.section { background-color: #f9f8f3; }

header { background: url(images/header-bg.jpg) repeat-x 0 0; }
header .nav { padding: 0; }

.nav a { padding: 22px 10px; font-weight: 400; display: block; color: #5b1200;}
.nav li + li { margin-left: 0; padding: 0; }
.nav a:hover { color: #fff; }

.nav .active:hover,
.nav .active { color: #fff; background: #5b1200; }

.section-bg { padding: 40px 0 30px; }

.form-control { height: 42px; }

.btn { height: 42px; padding-top: 10px; font-size: 15px; border: 0!important;}

.slider-content1 { width: 585px; right: 50%; margin-right: -15px; left: auto; background-color: rgba(0,0,0,0.0); padding: 20px 25px 25px; text-align: left; top: 22%; }
.slider-content1 h1 { background: transparent; font-size: 52px; padding: 0; line-height: 1.3em; }
.slider-content1 p { font-size: 22px; }

.intro-slider1 .slide { height: 440px; }

.intro-slider1 .flex-control-nav { position: absolute; bottom: 20px; right: 50%; width: 585px; text-align: left; margin-right: -15px; }
.intro-slider1 .flex-control-nav li { margin-left: 5px!important; margin-right: 5px!important; width: 16px!important; }
.intro-slider1 .flex-control-nav li + li { margin-left: 6px; }
.intro-slider1 .flex-control-nav li a { width: 16px!important; height: 16px!important; background: #fff;}
.intro-slider1 .flex-control-nav li .flex-active { background-color: #d66e3b; }

.btn { color: #fff; }

.intro-slider2 .flex-control-paging li a { background: #fff; }
.intro-slider2 .flex-control-paging li .flex-active { background: #d66e3b; }

.contact-details-home2 { background: #d66e3b; }
.contact-details-home2 .glyphicon { color: #2a2e2f; }

.feature-image .buttons a { background-color: rgba(78,80,79,.5); }
.feature-image p strong,
.feature-info li { color: #d66e3b; }

.section .btn,
.btn { color: #fff; }

.owl-dot span { background: #fff; }
.owl-dot.active span { background-color: #d66e3b; }

.feature-body5 .feature-head5 .feature-type { background: #d66e3b!important; }

.intro5:after { background-color: #8e2f00; }

.detail-box-heading h3, 
.detail-box-heading h4, 
.detail-box-heading h2,
.feature-info5 p,
.price-box .price strong,
.feature-address5 .glyphicon { color: #d66e3b; }

.feature-info2 p { background-color: #d66e3b!important; }

.detail-box-body-features p:after,
.list-check li:after { color: #d66e3b!important; border-color: #d66e3b!important; }
.list-check li::before { border: 2px solid #d66e3b; color: #d66e3b;}

.section-about { background-color: #f9f8f3!important; }

.nav .dropdown.open .dropdown-menu { margin-top: 0; } 

@media (max-width: 1199px) {
    .intro-slider1 .flex-control-nav,
    .slider-content1 { margin-right: -115px; }
    .nav a { font-weight: 400; padding: 17px 18px; }
}

@media (max-width: 1023px) {
  .nav a { font-weight: 400; padding: 13px 18px; }
}

@media (max-width: 991px) {
    .intro-slider1 .flex-control-nav,
    .slider-content1 { margin-right: 0; margin-left: -360px; width: 720px; right: auto; left: 50%; text-align: center;}
    
    .slider-content1 { top: 30%; }
    .slider-content1 h1 { font-size: 32px; }

    .intro-slider1 .slides li { height: 300px; }
}

@media (max-width: 767px) {
    .intro-slider1 .flex-control-nav,
    .slider-content1 { margin-right: 0; margin-left: 0; width: auto; right: auto; left: 20px; right: 20px; }
}

@media (max-width: 639px) {
    header .nav li + li { padding-top: 0; }
    .nav a { display: block; padding: 7px 15px;} 
    .nav .active { background: #fff; color: #d66e3b; }
}

/* Datepicker */

.ui-datepicker .ui-datepicker-header { background: transparent; border: 0; }

.ui-datepicker .ui-datepicker-title,
.ui-datepicker th { color: #d66e3b; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { cursor: pointer; top: 2px; background-color: #2a2e2f; }

.ui-datepicker .ui-datepicker-prev { left: 3px; } 
.ui-datepicker .ui-datepicker-prev .ui-icon { background: url(images/dir.png) no-repeat 0 0;  }

.ui-datepicker .ui-datepicker-next { right: 3px; }
.ui-datepicker .ui-datepicker-next .ui-icon { background: url(images/dir.png) no-repeat right 0; }

.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon { background-size: 18px 15px; width: 9px; height: 15px; margin: 4px auto 0; position: relative; left: auto; top: auto; }

.ui-datepicker .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover { background: #d66e3b; border: 0; }

.ui-datepicker .ui-state-default { background: #f1ede4; border-color: #dad6cb; color: #5a3e33; }

.ui-datepicker .ui-state-active { background: #f08550; border-color: #fff; color: #fff; }

.ui-datepicker .ui-state-highlight, 
.ui-datepicker .ui-widget-content .ui-state-highlight, 
.ui-datepicker .ui-widget-header .ui-state-highlight { color: #f1ede4; border-color: #f1ede4; background: #d66e3b; }