/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.1.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles

CrazyBikes :       
#09AFDF par #f96302     rgba(9, 175, 223, 0.7); par rgba(249, 99, 2, 0.7); (Orange Clair)
#0c9ec7 par #c74f01 (Orange Foncé)
#0781a4 par #ae4501 (Orange Foncé)
*/

body
{
    background-color: #373737;
}

a
{
    color: #F96302;
}

a:hover
{
    color: #c74f01;
}

a:focus,
a:active
{
    color: #c74f01;
}

mark,
.mark
{
    background-color: #f96302;
}

.text-default
{
    color: #f96302;
}

/* Tables
---------------------------------- */

.table.table-colored
{
    border-bottom-color: #f96302;
}

.table-colored > thead > tr > th
{
    border-color: #f96302;
    background-color: #f96302;
}

/* 2- Layout
-------------------------------------------------
-------------------------------------------------*/


.header-top.colored
{
    background-color: #f96302;
    border-bottom: 1px solid #f96302;
}

.default-bg
{
    background-color: #f96302;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .with-dropdown-buttons .navbar-default .navbar-collapse {
    padding-right: 75px;
  }
}

/*Backgrounds
---------------------------------- */

.dark-bg a:not(.btn)
{
    text-decoration: none;
}


/*Translucent Backgrounds*/

.default-translucent-bg:after
{
    background-color: rgba(249, 99, 2, 0.7);
}

.default-translucent-bg.hovered:hover:after
{
    background-color: rgba(249, 99, 2, 0.8);
}

.default-hovered:hover:after,
.default-hovered:hover
{
    background-color: #f96302;
}

/* Fixed navigation
---------------------------------- */

.fixed-header-on .header .logo img {
  max-height: 60px;
}

/* 4 Pages
-------------------------------------------------
-------------------------------------------------*/

/* Blog Timeline layout
---------------------------------- */

.timeline-date-label:after
{
    background-color: #f96302;
}

.timeline:before {
  background-color: #e8e8e8;
  background: -moz-linear-gradient(top, transparent 0%, rgba(205, 205, 205, 0.15) 10%, rgba(205, 205, 205, 0.15) 90%, transparent 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(10%, rgba(205, 205, 205, 0.15)), color-stop(90%, rgba(205, 205, 205, 0.15)), color-stop(100%, transparent));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(205, 205, 205, 0.15) 10%, rgba(205, 205, 205, 0.15) 90%, transparent 100%);
  background: -o-linear-gradient(top, transparent 0%, rgba(205, 205, 205, 0.15) 10%, rgba(205, 205, 205, 0.15) 90%, transparent 100%);
  background: -ms-linear-gradient(top, transparent 0%, rgba(205, 205, 205, 0.15) 10%, rgba(205, 205, 205, 0.15) 90%, transparent 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(205, 205, 205, 0.15) 10%, rgba(205, 205, 205, 0.15) 90%, transparent 100%);
  }

/* 5 Components
-------------------------------------------------
-------------------------------------------------*/

/* Buttons
---------------------------------- */

/*Default Button*/

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

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default
{
    background-color: #c74f01;
    border-color: #c74f01;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default
{
    background-color: #f96302;
    border-color: #c74f01;
}

.btn-default-transparent
{
    border-color: #f96302;
}

.btn-default-transparent:hover,
.btn-default-transparent:focus,
.btn-default-transparent.focus,
.btn-default-transparent:active,
.btn-default-transparent.active,
.open > .dropdown-toggle.btn-default-transparent
{
    background-color: #c74f01;
    border-color: #ae4501;
}

.default-bg .btn-default,
.default-translucent-bg .btn-default,
.default-bg .btn-default-transparent,
.default-translucent-bg .btn-default-transparent
{
    color: #f96302;
}

/*White Button*/

.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white
{
    color: #c74f01;
}

/*Background Transition*/

.hvr-radial-in,
.hvr-rectangle-in,
.hvr-shutter-in-horizontal,
.hvr-shutter-in-vertical
{
    background: #c74f01;
}

.hvr-radial-in:hover,
.hvr-rectangle-in:hover,
.hvr-shutter-in-horizontal:hover,
.hvr-shutter-in-vertical:hover
{
    background: #c74f01;
}

.hvr-sweep-to-right:before,
.hvr-sweep-to-left:before,
.hvr-sweep-to-bottom:before,
.hvr-sweep-to-top:before,
.hvr-bounce-to-right:before,
.hvr-bounce-to-left:before,
.hvr-bounce-to-bottom:before,
.hvr-bounce-to-top:before,
.hvr-radial-out:before,
.hvr-rectangle-out:before,
.hvr-shutter-out-horizontal:before,
.hvr-shutter-out-vertical:before
{
    background: #c74f01;
}

/*ie9*/

.no-csstransitions .hvr-sweep-to-right:hover,
.no-csstransitions .hvr-sweep-to-left:hover,
.no-csstransitions .hvr-sweep-to-bottom:hover,
.no-csstransitions .hvr-sweep-to-top:hover,
.no-csstransitions .hvr-bounce-to-right:hover,
.no-csstransitions .hvr-bounce-to-left:hover,
.no-csstransitions .hvr-bounce-to-bottom:hover,
.no-csstransitions .hvr-bounce-to-top:hover,
.no-csstransitions .hvr-radial-out:hover,
.no-csstransitions .hvr-rectangle-out:hover,
.no-csstransitions .hvr-shutter-out-horizontal:hover,
.no-csstransitions .hvr-shutter-out-vertical:hover,
.no-csstransitions .hvr-radial-in:hover,
.no-csstransitions .hvr-rectangle-in:hover,
.no-csstransitions .hvr-shutter-in-horizontal:hover,
.no-csstransitions .hvr-shutter-in-vertical:hover
{
    background: #c74f01;
}

/* Pager
---------------------------------- */

ul.pagination li > a:hover,
ul.pagination li > a:focus {
  background-color: #c74f01;
  border-color: #c74f01;
}

ul.pagination li.active a,
.pagination > .active > a:hover,
.pagination > .active > a:focus
{
    background-color: #f96302;
    border-color: #f96302;
}

/* Breadcrumb
---------------------------------- */

.banner .breadcrumb > li a:hover
{
    color: #c74f01;
}

/* Nav pills
---------------------------------- */

.nav-pills.style-2 > li.active > a,
.nav-pills.style-2 > li.active > a:hover,
.nav-pills.style-2 > li.active > a:focus,
.nav-pills.style-2 > li > a:hover,
.nav-pills.style-2 > li > a:focus
{
    color: #f96302;
}

.nav-pills.nav-stacked > li.active > a,
.nav-pills.nav-stacked > li.active > a:hover,
.nav-pills.nav-stacked > li.active > a:focus,
.nav-pills.nav-stacked > li > a:hover,
.nav-pills.nav-stacked > li > a:focus
{
    color: #f96302;
}

.nav-pills > li.active > a:after
{
    color: #f96302;
}

.nav-pills.nav-stacked:not(.list-style-icons) > li.active > a:hover:after,
.nav-pills.nav-stacked:not(.list-style-icons) > li.active > a:focus:after,
.nav-pills.nav-stacked:not(.list-style-icons) > li > a:hover:after,
.nav-pills.nav-stacked:not(.list-style-icons) > li > a:focus:after
{
    color: #c74f01;
}

.nav-pills.nav-stacked.list-style-icons > li.active > a > i,
.nav-pills.nav-stacked.list-style-icons > li > a:hover > i,
.nav-pills.nav-stacked.list-style-icons > li > a:focus > i
{
    color: #c74f01;
}

/*footer*/

.dark .footer-content .nav-pills > li.active > a:hover,
.dark .footer-content .nav-pills > li > a:hover
{
    color: #c74f01;
}

/* Collapse
---------------------------------- */

/*Style 2*/

.collapse-style-2 .panel-heading a
{
    background-color: #f96302;
}

/* Progress bars
---------------------------------- */

.progress-bar-default
{
    background-color: #f96302;
}

/* Forms
---------------------------------- */

.default-bg .input-group-addon
{
    border-color: #c74f01;
}

/*Icons
---------------------------------- */

.icon.default-bg
{
    background-color: #f96302;
}

.icon.light-bg
{
    color: #f96302;
}

/*Listing Items
---------------------------------- */

.listing-item .overlay-container .badge
{
    border: 1px solid #f96302;
    color: #f96302;
}

/*Modals
---------------------------------- */

.modal-content .modal-header
{
    background-color: #f96302;
}

/*Pace (Page loader)
---------------------------------- */

.page-loader-1 .pace
{
    border: 1px solid #f96302;
}

.page-loader-1 .pace .pace-progress
{
    background: #f96302;
}

.page-loader-2 .pace .pace-progress:before
{
    background: #f96302;
}

.page-loader-2 .pace .pace-activity
{
    border: 5px solid #f96302;
}

.page-loader-2 .pace .pace-activity:after
{
    border: 5px solid #f96302;
}

.page-loader-2 .pace .pace-activity:before
{
    border: 5px solid #f96302;
}

.page-loader-3 .pace .pace-progress
{
    background: #f96302;
}

.page-loader-4 .pace .pace-progress
{
    background: #f96302;
}

.page-loader-5 .pace .pace-progress:after
{
    color: #f96302;
}

.page-loader-6 .pace .pace-activity
{
    background: #f96302;
}

/* 6 Navigations
-------------------------------------------------
-------------------------------------------------*/

/* 6.1 Light Version
---------------------------------- */

/* first level menu item on hover/focus */

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus
{
    color: #f96302;
}

.transparent-header .header:not(.dark) .navbar-nav > li.open > a,
.transparent-header .header:not(.dark) .navbar-nav > li > a:hover,
.transparent-header .header:not(.dark) .navbar-nav > li > a:focus
{
    color: #f96302;
}

/* first level menu item when opened */

.main-navigation .navbar-nav > .open > a,
.main-navigation .navbar-nav > .open > a:hover,
.main-navigation .navbar-nav > .open > a:focus,
.main-navigation .navbar-nav > .dropdown > a:focus
{
    color: #f96302;
}

/* second level menu item on focus/hover and when opened */

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu .menu > .active > a,
.dropdown-menu .menu > .active > a:hover,
.dropdown-menu .menu > .active > a:focus
{
    color: #c74f01;
}

/* Mega Menu 
------------------------------ */

header:not(.dark) .mega-menu .menu > li > a:hover i,
header:not(.dark) .dropdown-menu > li > a:hover i,
header:not(.dark) .mega-menu .menu > li.active > a i,
header:not(.dark) .dropdown-menu > li.active > a i
{
    color: #f96302;
}

/* mega menu menu item on focus/hover*/

.mega-menu .menu > li > a:hover,
.mega-menu .menu > li > a:focus
{
    color: #c74f01;
}

/* Arrow for parent menu item 
------------------------------ */

.header:not(.dark) .active.dropdown > a:before,
.header:not(.dark).centered .active.dropdown > a:before
{
    color: #f96302;
}

.transparent-header .header:not(.dark) .navbar-default .navbar-nav > .dropdown.open > a:before
{
    color: #f96302;
}

.dropdown .dropdown.open > a:before,
.header.centered:not(.dark) .dropdown .dropdown.open > a:before
{
    color: #f96302;
}

/* Mobile Menu
------------------------------ */

/* mobile menu toggle button on hover/focus */

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus
{
    border-color: #c74f01;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar
{
    background-color: #c74f01;
}

/* Small devices (tablets, phones less than 767px) */

@media (max-width: 767px)
{
/* Mobile menu
	------------------------------ */
/* active item */
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus
    {
        color: #c74f01;
    }
/* first level item hover and focus states */
    .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus
    {
        color: #c74f01;
    }
/* second level item on hover/focus */
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus
    {
        color: #c74f01;
    }
/* Arrow for parent menu item */
    .navbar-default .navbar-nav > .dropdown.open > a:before
    {
        color: #f96302;
    }
}

/* 6.3 Subfooter navigation
------------------------------ */

.subfooter .navbar-default .nav > li > a:hover,
.subfooter .navbar-default .nav > .active > a:hover,
.subfooter .navbar-default .nav > .active > a:focus
{
    color: #c74f01;
}

/* 6.3 Offcanvas navigation
------------------------------ */

#offcanvas .nav .open > a,
#offcanvas .nav .open > a:hover,
#offcanvas .nav .open > a:focus,
#offcanvas .nav > li > a:hover,
#offcanvas .nav > li > a:focus,
#offcanvas .navbar-nav > li.active > a
{
    color: #c74f01;
}

/*Nav arrows*/

#offcanvas .dropdown.open > a:before
{
    color: #f96302;
}

/* 7 Blocks/Widgets
-------------------------------------------------
-------------------------------------------------*/

/* Social icons block
------------------------------ */

.social-links li a:hover
{
    border-color: #c74f01;
    color: #c74f01;
}

.social-links.animated-effect-1 li a:after
{
    background-color: #f96302;
}

.default.social-links li a
{
    background-color: #f96302;
    border: 1px solid #c74f01;
}

/*Header Top Dropdowns*/

.header-top:not(.dark) .social-links .dropdown.open > button > i:before
{
    color: #f96302;
}

/* Full Width Content
---------------------------------- */

/* Medium devices (tablets, phones) */

@media (max-width: 1199px)
{
    .full-width-section:not(.no-image) .full-text-container.default-bg
    {
        background-color: rgba(249, 99, 2, 0.6);
    }
}

/*Header Dropdowns (search, cart etc)
---------------------------------- */

.header-dropdown-buttons .btn-group > .btn:hover
{
    background-color: #f96302;
    border-color: #c74f01;
}

.header-dropdown-buttons .btn-group.open > .btn
{
    background-color: #f96302;
    border-color: #c74f01;
}

.colored.header-top .dropdown-menu
{
    border: 1px solid #f96302;
    background: #f96302;
}

/* Media 
---------------------------------- */

.media:hover .icon
{
    color: #f96302;
    border: 1px solid #f96302;
}

/* Pricing tables
---------------------------------- */

.popover-title
{
    background-color: #f96302;
}

/* Tags cloud block
---------------------------------- */

.tag a
{
    background-color: #f96302;
    border: 1px solid #c74f01;
}

.tag a:hover
{
    color: #f96302;
    border-color: #c74f01;
}

/* 8 Main Slideshow
-------------------------------------------------
-------------------------------------------------*/

.tp-bannertimer
{
    background-color: rgba(249, 99, 2, 0.8);
}

/* 9 Owl Carousel
-------------------------------------------------
-------------------------------------------------*/

.content-slider-with-large-controls .owl-buttons .owl-prev:after,
.content-slider-with-large-controls-autoplay .owl-buttons .owl-prev:after
{
    color: #f96302;
}

.content-slider-with-large-controls .owl-buttons .owl-next:after,
.content-slider-with-large-controls-autoplay .owl-buttons .owl-next:after
{
    color: #f96302;
}

.carousel-indicators li { visibility: hidden; }



/*Others*/
.alert-info
{
  color: #fff;
  background-color: #f96302;
}

/*Feature Box
---------------------------------- */
.shadow:after,
.shadow-narrow:after {
  -webkit-box-shadow: 0 5px 7px #000000;
  box-shadow: 0 5px 7px #000000;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:80%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}