/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 body {
    font-family: 'Roboto' !important;
 }

 /* General */
 .btn, .btn:hover, .btn:active {
    background-color: #001051;
 }   
 .form-control:focus, select:focus, select.form-control:focus {
    border-color: #001051;
 }
 .form-control, select {
    border: 2px solid #001051;
 }
 .custom-radio input[type="radio"]:checked + span {
    border-color: #001051;
    box-shadow: inset 0 0 0 6px #001051;
 }
 .custom-checkbox input[type="checkbox"]:checked + span {
    border-color: #001051 !important;
    background: #001051 !important;
    color: #fff !important;
 }
 .custom-radio input[type="radio"] + span,
 .custom-checkbox input[type="checkbox"] + span {
    border: 1px solid #001051;
 }
 i.checkbox-checked {
    color: #fff !important;
 }
 a:hover {
    color: #001051;
 }
 a.text-primary, a.text-primary:focus, a.text-primary:hover {
    color: #001051 !important;
 }
 span.buttonText {
    color: #fff !important;
 }
 .alert-success {
    background-color: #001051;
    border-color: #001051;
 }
 .modal .close:hover {
    opacity: 1;
    color: #ffffff;
    background: #001051;
 }
 
 /* Carousel */
 .pagination .current a, .pagination a:hover {
    border-color: #ff7d12;
    background: #ff7d12;
 } 
 .owl-carousel .owl-dot {
   width: 20px;
   height: 20px;
   border: 1px solid #d9d9d9;
   background-color: #fff;
 }
 .owl-carousel .owl-dots .owl-dot span {
   top: 7px;
   left: 7px;
   border-radius: 50%;
   width: 4px;
   height: 4px;
   background-color: #b0b0b0;
 }
 .owl-carousel .owl-dot span:hover, .owl-carousel .owl-dot.active span {
   top: 7px;
   left: 7px;
   border-radius: 50%;
   width: 4px;
   height: 4px;
   background-color: #ff7d12;
}
.owl-carousel .owl-dots {
   margin: 0;
}
 /*----------------------------------------------------------------------*/

/* Menu */
@media (min-width:992px) {
   #header {
      max-height: 135px;
   }
   .header-top {
      display: none;
   }
}
 header, header a, header a:hover, i, span, .cart-header > .inner-wrapper i, #header .search-btn-toggle {
    color: #001051;/*  !important  */
 }
 #header .search-btn-toggle:hover {
   color: #ff7d12;
}
.top-menu a, .top-menu a:visited {
   color: #001051;
   font-weight: normal;
}
 .top-menu a:hover, .btn-to-top {
    background-color: #001051 !important;
    color: #fff !important;
    text-decoration: none !important;
 }
 .top-menu .sub-menu {
    border-top: #001051;
 }
 #_desktop_user_info span, #_desktop_cart span {
    font-size: 13px;
 }
#top-menu .sub-menu {
    padding-left: 50px;
}
#top-menu .sub-menu a {
    color: #001051 !important;
}
#top-menu .sub-menu a:hover {
    color: #001051 !important;
    text-decoration: underline !important;
    background-color: #fff !important;
}
#_mobile_user_info span.btn-toggle-mobile, #_mobile_cart i {
    color: #fff !important;
    background-color: #001051 !important;
}
header .cart-header span.cart-products-count {
   background: #ff7d12 !important;
   color: #fff !important; 
}
#header .search-block .input-text,
#header .search-block .search-btn {
   color:#001051 !important;
} 
#header .search-btn-toggle.search-active:before,
#header .search-btn-toggle:after/*, #header .search-block .search-btn*/
 {
   background: #001051 !important;
}
@media (max-width: 991.98px) {
   #mobile_top_menu_wrapper {
      left: 0 !important;
      margin-left: 0 !important;
      min-height: 650px;
   }
   @media (max-width: 991.98px) {
      .menu-show #mobile_top_menu_wrapper {
          -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
      }
      .top-menu[data-depth="0"] > li > a:hover > span > i {
         color: #fff;
      }
   }
   .search-bar .search-bar__btn, .search-bar .search-bar__btn:hover {
      background-color: #001051;
   }
   .search-bar .search-bar__text:focus {
      color: #001051;
      border-color: #001051;
      outline: none;
  }
}
/*----------------------------------------------------------------------*/
/* Footer */
#footer {
   margin: 0 !important;
   padding-top: 0;
   background: #001051;
}
#footer_block_1 img {
   margin-bottom: 50px;
}
.footer-block p {
   font-size: 13px;
   font-weight: thin;
   line-height: 1.5;
}
.page-footer a {
   background-color: #001051 !important;
}
.page-footer a span, .page-footer a i {
   color: #fff !important;
}
.block_newsletter .form-control {
   border-color:  rgba(255, 255, 255, .5);
}
.block_newsletter .form-control:focus {
   color: rgba(255, 255, 255, .5);
   
   border-color:  rgba(255, 255, 255, .5);
}
.btn.btn-submit {
   background-color: #ff7d12 !important;
}
.btn.btn-submit span {
   color: #fff !important;
}
#footer a:hover {
   color: #ff7d12 !important;
}
.links .h3 {
   font-weight: 100;
   opacity: .5;
}
.block-social a, .block-social a:hover {
   background-color: #ff7d12 !important;
}
.block-social a::before,.block-social a svg, .block-social a:hover::before {
   color: #fff !important;
   fill: #fff;
}

@media (min-width: 992px) {
   .footer-container .block-social {
      margin-top: -70px;
   }
}

@media (min-width: 1200px) {
   .footer-container .block-social {
      margin-right: 30px;
   }
}
/*-----------------------------------------------------------------------*/

/* Page Acount */
.page-my-account #content .links a .link-item:hover {
   background: #ff7d12;
   border-color: #ff7d12;
   color: #ffffff;
}
.link-item:hover i {
   color:#fff;
}
.wishlist-list-item:hover .wishlist-list-item-title {
   color: #0ABAFF;
}
@media (max-width: 991.98px) {
   .dropdown-toggle-mobile a {
      color: #001051 !important;
   }
   .dropdown-toggle-mobile a.account span {
      background-color: #fff !important;
      color: #001051 !important;
   }
   .dropdown-toggle-mobile a.account:hover span {
      background-color: #001051 !important;
      color: #fff !important;
   }
   /* #_mobile_user_info span {
      color: #001051 !important;
      background-color: #fff !important;
   } */
   .dropdown-toggle-mobile a:hover {
       background-color: #001051;
       color: #fff !important;
   }
   #_mobile_user_info .customer:hover span {
      color: #fff !important;
      background-color: #001051 !important;
   }
}
.addresses-footer a, .address-footer a:hover {
   background: #fff !important;
   border: 1px solid #001051;
}
.addresses-footer.flex-wrap a, .addresses-footer a {
   border: 1px solid #fff !important;
}
.addresses-footer.flex-wrap a span, 
.address-footer a {
   color: #fff !important;
} 
.address-footer a:hover i {
   color: #001051;
}
/*-----------------------------------------------------------------------*/

/* Homepage */
/* Section 1 hero slider */
.owl-carousel .owl-stage::after {
   background-color: rgba(0,0,0,0.4);
}
.headerslider-figure {
   position: relative;
   z-index: 2;
   background: rgba(0,0,0,0.7) !important;
}
.header-slide .headerslider-img {
   position: relative;
   z-index: 0;
   width: 100%;
   min-height: 740px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   @media(max-width: 991px) {
      min-height: 600px;
   }
   @media(max-width: 767px) {
      min-height: 500px;
   }
}
.header-slide .headerslider-img::after {
   top: 0;
   left: 0;
   position: absolute;
   z-index: 1;
   content: " ";
   min-width: 100%;
   width: 100%;
   min-height: 740px;
   height: 100%;
   background-color: rgba(0,0,0,0.4) !important;
   @media(max-width: 991px) {
      min-height: 600px;
   }
   @media(max-width: 767px) {
      min-height: 500px;
   }
}
.caption-description {
   position: relative;
   z-index: 3;
}
.header-slide .slide_title-one, .header-slide h1 {
   position: relative;
   z-index: 3;
   max-width: 541px;
   font-family: "Roboto";
   font-weight: bold;
   letter-spacing: 3.6px;
   text-transform: uppercase;
   font-size: 60px;
   color:#fff;
   opacity: 40%;
   @media(max-width: 767px) {
      font-size: 50px;
      letter-spacing: 0;
   }
   @media(max-width: 574px) {
      font-size: 40px;
   }
   @media(max-width: 425px) {
      font-size: 35px;
   }
}
.header-slide p {
   position: relative;
   z-index: 3;
   max-width: 624px;
   font-family: "Roboto";
   font-weight: normal;
   font-size: 16px;
   letter-spacing: 0.32px;
   color: #fff;
}
.header-slide .btn.btn-default {
   background-color: #ff7d12;
   font-size: 13px;
   text-transform: uppercase;
}
#header.fixed-top.hide-bar {
   border-bottom: 1px solid #001051;
}
/*-----------------------------------------------------------------------*/
/* Top Banners - Htmlbanners1*/
#htmlbanners1 .top-banner .banner-link  {
   min-width: 100% !important;
   background-color: #F8F8F8;
   height: 275px;
}
#htmlbanners1 .top-banner.skin-two .banner-link figure {
   position: relative;
   min-width: 100% !important;
}
#htmlbanners1 .top-banner.skin-two .img-banner {
   position: relative;
   width: 60% !important;
   margin-left: 30% !important;
   margin-top: 20% !important;
}
#htmlbanners1 .top-banner.skin-two .banner-description {
   top: 0% !important;
   left: 0% !important;
   padding: 0 !important;
   margin-top: 65px;
   margin-left: 40px;
}
#htmlbanners1 .top-banner.skin-two:hover .banner-description p,
#htmlbanners1 .top-banner.skin-two:visited .banner-description p {
   transition: none !important;
   transform: none !important;
}
#htmlbanners1 .top-banner.skin-two .htmlcontent__title-one,
#htmlbanners1 .top-banner.skin-two h1, 
#htmlbanners1 .top-banner.skin-two h2 {
   font-size: 30px;
   font-weight: medium;
   color: #001051 !important;
}
   
#htmlbanners1 .top-banner.skin-three .htmlcontent__title-one,
#htmlbanners1 .top-banner.skin-three .title-one,
#htmlbanners1 .top-banner.skin-three h1, 
#htmlbanners1 .top-banner.skin-three h2 {
   font-size: 50px;
   font-weight: medium;
   color: #001051 !important;
}
/*-----------------------------------------------------------------------*/
/* Services */
.services-breadcrumb {
   padding: 0;
}
.service-page {
   color: #001051;
}
.last-services-widget {
   padding-top: 50px;
   color: #001051;
}
.last-services-widget .widget-title {
   text-transform: uppercase;
   font-size: 30px;
   font-weight: medium;
   color: #001051;
}
.last-services-widget .home-services {
   padding-top: 20px;
}
.last-services-widget .home-services a {
   text-decoration: none;
}
.last-services-widget .home-services .card-services {
   border: 1px solid #e7e7e7;
   padding: 40px;
}
.last-services-widget .home-services .card-services .card-title {
   padding: 20px 0;
   font-size: 20px;
   font-weight: medium;
}
.last-services-widget .home-services .card-services .card-text {
   font-size: 16px;
   font-weight: normal;
}
/*-----------------------------------------------------------------------*/
/* Products */
@media (max-width: 575.98px) {
   .nav.nav-tabs .nav-item .nav-link.active {
       color: #ffffff;
       background-color: #001051;
   }
}
/*-----------------------------------------------------------------------*/
/* Processes */
.processes-breadcrumb {
   padding: 0;
}
.processes-section {
   margin: 50px 0 0 0;
   padding: 50px 0;
   background-color: #f8f8f8;
}
.last-processes-widget {
   color: #001051;
}
.last-processes-widget a {
   text-decoration: none;
}
.last-processes-widget .widget-title {
   text-transform: uppercase;
   font-size: 30px;
   font-weight: medium;
   color: #001051;
}
.last-processes-widget .widget-description {
   max-width: 570px;
   font-size:16px;
   font-weight: normal;
   color: #001051;
}
.last-processes-widget .home-processes {
   padding-top: 20px;
   position: relative;
}
.last-processes-widget .home-processes span {
   margin-top: 40px;
   position: absolute;
   z-index: 2;
   width: 50px;
   height: 50px;
   background-color: #ffc729;
   border-radius: 5px;
   display: flex;  
   justify-content: center;
   align-items: center;
   font-size: 20px;   
   font-weight: 600;
   color: #fff;
}
.last-processes-widget .home-processes .card-processes {
   min-height: 230px;
   max-width: 500px;
   width: 100%;
   border: 1px solid #f8f8f8;
   border-radius: 5px;
   position: relative;
   z-index: 1;
   margin: 15px 25px;
   padding: 40px 90px 40px 55px;
}
.last-processes-widget .home-processes .card-processes .card-title {
   margin-bottom: 30px !important;
   font-size: 20px;
   font-weight: medium;
   text-transform: uppercase;
}
.last-processes-widget .home-processes .card-processes .card-text {
   font-size: 16px;
   font-weight: normal;
}
/*-----------------------------------------------------------------------*/
/* Projects */
.projects-breadcrumb {
   padding: 0;
}
.project-page {
   color: #001051;
}
.last-projects-widget {
   padding-top: 50px;
   color: #001051;
}
.last-projects-widget .widget-title {
   text-transform: uppercase;
   font-size: 30px;
   font-weight: medium;
   color: #001051;
}
.last-projects-widget .home-projects {
   padding-top: 20px;
}

.last-services-widget .home-projects a {
   text-decoration: none;
}
.last-projects-widget .home-projects .card-projects, .card-projects {
   position: relative;
   z-index: 1;
   border: 1px solid #e7e7e7 !important;
   border-radius: 5px;
   min-height: 320px !important;
   background-color: #fff !important;
}
.card-projects .after {
   display: none;
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   min-height: 320px !important;
   height: 100%;
   width: 100%;
   background-color: #7c7c7c;
}
.card-projects:hover .after {
   display: flex;
   justify-content: center;
   align-items: center;
}
.card-projects:hover .after span {
   font-size: 30px;
   font-weight: medium;
   color: #ff7d12;
}
.last-projects-widget .home-projects .card-projects .card-body {
   padding: 20px;
}
.last-projects-widget .home-projects .card-projects .card-title {
   margin-bottom: 10px;
   font-size: 20px;
   font-weight: medium;
   text-transform: uppercase;
}
.last-projects-widget .home-projects .card-projects .card-text {
   font-size: 16px;
   font-weight: normal;
}

/* About us - Htmlbanners3 */
#htmlbanners3 .promo_about-us {
   display: flex;
   align-items: center;
}
#htmlbanners3 p.h5 {
   display: none;
}
#htmlbanners3 .promo_video_inner::before {
   content: none;
}
#htmlbanners3 .promo_about-us::before {
   content: none;
}
#htmlbanners3 p.h4 {
   max-width: 486px;
   width: 100%;
   font-family: 'Roboto';
   font-size: 30px;
   line-height: 39px;
   font-weight: 500 !important;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: #001051;
}
#htmlbanners3 p {
   font-weight: normal;
   color: #001051;
}
#htmlbanners3 .promo_video {
   margin: 0;
}
#htmlbanners3 .btn-default {
   background-color: #ff7d12;
}
/*-----------------------------------------------------------------------*/
/* Features htmlbanners5*/
.feature-item .wrap-icon {
   color: #001051 !important;
   background-color: #fafafa;
}
.feature-item .wrap-icon:hover {
   color: #001051 !important;
   background-color: #ff7d12;
}
.feature-item .wrap-icon:after {
   border: 0;
}
.feature-item .wrap-icon img {
   max-width: 80px;
}
.feature-item h4 {
   color: #001051 !important;
}
.feature-item p {
   color: #001051 !important;
}
/*-----------------------------------------------------------------------*/

/* Products pages */
/* On homepage */
.breadcrumb li:last-child span {
   color: #001051;
}
@media (min-width: 576px) {
   .nav.nav-tabs .nav-item .nav-link:hover, .nav.nav-tabs .nav-item .nav-link.active {
      letter-spacing: 1.44px;
      font-weight: 500;
       color: #001051;
   }
}
@media (min-width: 576px) {
   .nav.nav-tabs .nav-item .nav-link:after {
      border-bottom: 1px solid #ff7d12;
      width: 239px;
   }
}
#ppfeaturedproducts .more-btn {
   font-size: 13px !important;
   font-weight: medium !important;
   text-transform: uppercase !important;
   margin-top: 10px;
}
@media (min-width: 576px) {
   .nav.nav-tabs {
       border-bottom: none;
   }
}
.ui-slider.ui-slider-horizontal .ui-slider-handle,
.ui-slider.ui-slider-horizontal .ui-slider-handle:hover {
    background: #ff7d12;
}
/* -------------------------------------------------------------------- */
.product-cover {
   position: relative;
   overflow: hidden;
}
.fancybox-wrap, .fancybox-inner {
   height: 100% !important;
   width: auto !important;
}
.layer {
   width: 100px !important;
   height: 100px !important;
   top: 75% !important;
   left: 75% !important;
}
.fancybox-skin .fancybox-close:hover {
    background: #ff7d12;
}
.product-cover .img-magnifier-lens {
  position: absolute;
  z-index: 5;
  border: 1px solid #001051;  
  border-radius: 5px;  
  width: 200px;
  height: 200px;
  pointer-events: none;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
  background-repeat: no-repeat;
}
.js-qv-product-cover {
   width: 100% !important;
}
.product-flags .new, .product-flags .online-only, .product-flags .on-sale, 
.product-flags .discount-percentage, .product-flags .pack, .product-flags .out_of_stock {
   background-color: #ff7d12;
    -webkit-box-shadow: 0 0 0 1px #ff7d12;
    box-shadow: 0 0 0 1px #ff7d12;
}
@media (min-width: 992px) {
   .block-categories li[data-depth="0"] a:hover {
       background: #ff7d12;
       color: #ffffff;
   }
}
.product-miniature .product-title {
   min-height: 50px;
}
.product-title a {
   font-weight: normal;
   color: #001051;
}
.price {
   color: #001051;
}
#products .display-view .grid:not(.grid_4) span.active {
   color: #ff7d12 !important;
}
.grid:not(.grid_4) .show_grid, .display-view .view-item:hover {
   color: #ff7d12 !important;
}
.show .select-title {
   border-color: #ff7d12;
}
.show .select-title i {
   color: #ffffff;
   background: #ff7d12;
}
.dropdown-menu > a, .dropdown-menu li > a {
   color: #ff7d12;
}
.dropdown-menu > a:hover, .dropdown-menu li > a:hover {
   background: #ff7d12;
   color: #fff;
}
.grid .wishlist-button-add .-added:before {
   color: #fff;
}
.grid_4 .show_grid_4, .list .show_list {
   color: #ff7d12;
}
.headline-section {
   background-color: #fff !important;
   color: #001051;
}
.product-features > dl.data-sheet dt.name {
   background: #001051;
}
.star-content .star-on, .star-content .star-hover {
   color: #ff7d12;
}
.comment-buttons .thumb_up {
   color: #001051;
}
.product-images .thumb-label {
   border-bottom: 2px solid #001051;
}
.product-cover .zoom-in, .product-cover .zoom-in:hover {
   background-color: #001051;
}
.scroll-box-arrows i {
   border: 2px solid #001051;
   color: #001051;
}
.scroll-box-arrows i:hover {
   border: 2px solid #001051;
   background: #001051;
   color: #fff;
}
.wishlist-toast.success {
   background-color: #001051 !important;
   border-color: #001051 !important;
}
.product-actions p {
   font-size: 16px;
   color: #001051 !important;
   letter-spacing: -0.3px;
}
.quantity-control-label {
   color: #001051;
}
.product-description {
   color: #001051;
   letter-spacing: -0.3px;
}
.nav.nav-tabs_alternative .nav-item .nav-link {
   color: #001051;
}
.btn-link {
   color: #001051;
}
.btn-link:focus, .btn-link:hover {
   color: #001051;
   text-decoration: underline;
   background-color: transparent;
}
/*-----------------------------------------------------------------------*/

/* Shop */
.cart-grid-body a.label:hover {
   color: #001051;
}
.font-eye-1:before,.font-info-circled:before,.font-heart:before {
   /* color: #ff7d12; */
   color: #001051;
}
.quick-view:hover .font-eye-1:before, .link-view:hover .font-info-circled:before, .wishlist-button-add:hover .font-heart:before {
   color: #fff;
}
.quickview .arrows i {
   color: #001051;
   border: 2px solid #001051;
}
.quickview .arrows i:hover {
   background: #001051;
   color: #fff;
}
.grid:not(.grid_4) .add-cart, .grid:not(.grid_4) .add-cart:hover {
   background-color: #ff7d12;
}
.grid .quick-view:hover, .grid .link-view:hover, .grid .addToWishlist:hover, .grid .wishlist-button-add i:hover {
   color: #ffffff;
   border-color: #ff7d12;
   background: #ff7d12;
}
.grid_4 .add-cart {
   color: #ff7d12;
}
@media (max-width: 1199.98px) {
   .grid .add-cart {
       color:#fff;
   }
   .grid .add-cart:hover {
      color: #fff;
      border-color: #ff7d12 !important;
      background: #ff7d12 !important;
  }
}
.list .quick-view i, .list .link-view i, .list .addToWishlist i, .list .wishlist-button-add i {
   color: #ff7d12;
}
.list .add-cart, .list .add-cart:hover {
   background-color: #ff7d12;
}
.list .quick-view:hover i, .list .link-view:hover i, .list .wishlist-button-add:hover i {
   background-color: #ff7d12;
   border: 1px solid #ff7d12;
   color: #fff;
}
.wishlist-toast.success {
   background-color: #001051;
   border-color: #001051;
}
.social-sharing li a {
   border: 1px solid #001051;
   color: #001051;
}
.social-sharing li a:hover {
   background: #001051;
   border-color: #001051;
   color: #ffffff;
}
.nav.nav-tabs_alternative .nav-item .nav-link {
   background-color: #fff;
}
.nav.nav-tabs_alternative .nav-item .nav-link.active, .nav.nav-tabs_alternative .nav-item .nav-link:hover {
   color: #ffffff;
   background-color: #ff7d12;
}
.more-btn {
   color: #001051;
}
.more-btn:hover {
   color: #ff7d12;
}
.headline-section, .checkout-step .step-title {
   background-color: #001051;
}
.checkout-step.-reachable.-complete h1 .done, .checkout-step .step-edit .edit, .checkout-step .step-number {
   color: #fff;
}
.btn-primary:disabled, .btn-primary:disabled::after {
   border: none;
   background-color: #001051;
}
.checkout-step .address-item.selected {
   background: white;
   border: #001051 3px solid;
}
.address-footer a, .address-footer a:hover {
   background: #001051;
}
.address-footer a i {
   color: #fff;
}

/* ---------------------------------------------- */
/* About us page */
.page-cms-4 {
   color: #001051 !important;
}

/* ---------------------------------------------- */
/* FAQ page */
.page-cms-6 {
   color: #001051 !important;
}

#contact {
   color: #001051 !important;
}
select.form-control {
   border: 2px solid #001051;
}