@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700");
/* DEFAULT HEX COLOR: $color-1 */
/* CHANE IT BY REPLEACING THE VALUE ABOVE */
::-moz-selection {
  background: #FF6600;
  color: #333;
  text-shadow: none; }

::selection {
  background: #FF6600;
  text-shadow: none;
  color: #333; }

.text-colored,
h1.text-colored,
h2.text-colored,
h3.text-colored,
h4.text-colored,
h5.text-colored,
h6.text-colored,
.color-font,
.color-font a,
.widget-tweeter li a,
.widget-twitter li a,
p.text-colored,
.heading.heading-colored h1,
.heading.heading-colored h2 {
  color: #FF6600 !important; }

.progress-bar-container.color .progress-bar {
  background-color: #FF6600;
  color: #fff; }

.blockquote-color {
  background-color: #FF6600;
  color: #fff; }

.blockquote-color > small {
  color: #fff; }

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

/*go to top*/
.gototop-button {
  background-color: #FF6600; }

.gototop-button {
  color: #fff; }

nav .main-menu .dropdown-menu {
  border-color: #FF6600; }

#header:not(.header-transparent) #mainMenu > ul > li:hover > a,
#header:not(.header-transparent) #mainMenu > ul > li.current-menu > a {
  color: #FF6600; }

#topbar.topbar-colored {
  background-color: #FF6600; }

/*vertical-dot-menu */
#vertical-dot-menu a:hover .cd-dot,
#vertical-dot-menu a.active .cd-dot {
  background-color: #FF6600; }

/*scrollspy nav */
/*.sidebar-menu ul.nav-tabs li, */
.sidebar-menu ul.nav-tabs li:hover .sidebar-menu ul.nav-tabs li a,
.sidebar-menu ul.nav-tabs li a:hover,
.sidebar-menu ul.nav-tabs li.active a,
.sidebar-menu ul.nav-tabs li.active a:hover {
  color: #fff;
  background: #FF6600;
  border: 1px solid #FF6600; }

/*Bootstrap defaults overrides*/
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #FF6600;
  border-color: #FF6600; }

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #fff; }

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #FF6600; }

pre {
  background-color: #fcfcfc;
  border: 1px solid #ececec; }

.alert {
  border-left-width: 10px;
  border-radius: 0; }

.alert-success {
  background-color: #5cb85c;
  border-color: #53af53; }

.alert-info {
  background-color: #2699c8;
  border-color: #3aaddc; }

.alert-warning {
  background-color: #f6b63a;
  border-color: #ffcd51; }

.alert-danger {
  background-color: #de4b37;
  border-color: #f3604c; }

.alert,
.alert a.alert-link {
  color: #fff; }

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

.pagination > li > a:hover i,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #333; }

/*navs*/
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #FF6600;
  color: #fff; }

/*Typography*/
a:hover {
  color: #FF6600; }

/*dropcat & highlight*/
.dropcap.dropcap-colored,
.dropcap.dropcap-colored a,
.highlight.highlight-colored,
.highlight.highlight-colored a {
  background-color: #FF6600;
  color: #fff; }

/*timeline*/
.timeline.timeline-colored .timeline-circles:before,
.timeline.timeline-colored .timeline-circles:after,
.timeline.timeline-colored .timeline-date,
.timeline.timeline-colored:before {
  background-color: #FF6600;
  color: #fff; }

.timeline.timeline-colored li .timeline-block:before {
  border-color: transparent #FF6600; }

.timeline.timeline-colored .timeline-block-image {
  border-color: #FF6600; }

.timeline.timeline-colored.timeline-simple .timeline-date {
  background-color: #fff;
  border: 1px solid #FF6600;
  color: #FF6600; }

/*tabs*/
.border .tabs-navigation li.active a:after {
  background: #FF6600; }

/*accordions*/
.breadcrumb a:hover {
  color: #FF6600; }

/*color*/
.accordion.color .ac-item .ac-title {
  background: #FF6600;
  color: #fff; }

.accordion.color-border-bottom .ac-item .ac-title {
  border-bottom: 1px dotted #FF6600; }

.accordion.color-border-bottom .ac-item .ac-title:before {
  color: #FF6600; }

/*ICONS*/
.icon-box.color .icon i {
  background: #FF6600;
  color: #fff; }

.icon-box.color .icon i:after {
  box-shadow: 0 0 0 3px #FF6600; }

.icon-box.border.color .icon,
.icon-box.border.color .icon i {
  color: #FF6600;
  border-color: #FF6600; }

.icon-box.fancy.color .icon i {
  color: #FF6600;
  background-color: transparent; }

/*FONT AWESOME ICONS*/
.fontawesome-icon-list .fa-hover a:hover {
  background-color: #FF6600; }

/*lists icons*/
ul.icon-list li i {
  color: #FF6600; }

/* ----------------------------------------------------------------
    Backgrounds
-----------------------------------------------------------------*/
.background-colored {
  background-color: #FF6600 !important; }

/* ----------------------------------------------------------------
    NPROGRESS
-----------------------------------------------------------------*/
#nanobar-progress div {
  background: #FF6600 !important; }

/* ----------------------------------------------------------------
    PORTFOLIO
-----------------------------------------------------------------*/
.portfolio-filter li.ptf-active,
.portfolio-filter li:hover {
  background-color: #FF6600; }

.portfolio-filter li:not(.ptf-active):hover {
  color: #FF6600; }

/* ----------------------------------------------------------------
    HEADINGS
-----------------------------------------------------------------*/
.heading-title-border-color {
  border-color: #FF6600; }

/* ----------------------------------------------------------------
    IMAGE BOX
-----------------------------------------------------------------*/
.image-box-links a {
  background-color: #FF6600; }

.image-box.effect.bleron {
  background-color: #FF6600; }

.image-block-content .feature-icon {
  background-color: #FF6600; }

.image-box.effect.bleron p.image-box-links a {
  color: #FF6600; }

/* ----------------------------------------------------------------
    SHOP PRODUCTS
-----------------------------------------------------------------*/
.product .product-wishlist a:hover {
  border-color: #FF6600; }

/* ----------------------------------------------------------------
    Carousel
-----------------------------------------------------------------*/
.carousel-description-style .owl-carousel .owl-controls .owl-nav .owl-next,
.carousel-description-style .owl-carousel .owl-controls .owl-nav .owl-prev {
  border-color: #FF6600; }

body {
  font-family: "Roboto", sans-serif; }

#header.header-transparent + #page-title:not(.page-title-classic) {
  padding-top: 120px; }

#page-title {
  padding: 40px 0; }

.background-overlay-dark:before {
  background: rgba(0, 0, 0, 0.4); }

@media (min-width: 992px) {
  #mainMenu nav ul li.active {
    border-bottom: 2px solid #FF6600 !important; }
  #mainMenu nav ul li a {
    border-bottom: 2px solid transparent; }
    #mainMenu nav ul li a:hover {
      border-bottom: 2px solid #FF6600 !important; } }

.parallax-container {
  background-repeat: no-repeat !important;
  background-position: center !important; }

.slide-captions h1 {
  text-transform: uppercase; }

.icon-box.large > h3,
.icon-box.large > h5 {
  font-size: 18px; }

.icon-box .icon a,
.icon-box .icon i {
  color: #FF6600; }

.accordion.fancy .ac-item i {
  border-bottom: 0 !important;
  color: #FF6600;
  font-size: 18px; }

.body-container {
  min-height: 700px; }