/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
/**

* AALayer, © 2017
* All Rights Reserved
* www.aalayer.com
  -
* Template: lowendhost
* For any issue or question contact our support.

**/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap');
body {
    font-family: 'Montserrat', sans-serif !important;
    background-color: #E7E7E7 !important;
    margin-right: 0px !important;
  }
  html {
    font-family: 'Montserrat', sans-serif !important;
    overflow-x: hidden;
  }
  #main-body {
      padding-top: 45px !important;
      padding-bottom: 35px !important;
      background: #E7E7E7 !important;
  }
  .container {
    padding-right: 19px;
    padding-left: 19px;
  }
  ::-moz-selection { background: #F2430A; color: white}
  ::selection { background: #F2430A; color: white;}
  ::-webkit-scrollbar {
    width: 11px;
    background-color: #E7E7E7;
  }
  ::-webkit-scrollbar-thumb {
    background-color: #444;
    border-radius: 2px;
  }
  .mb-2 {
      margin-bottom: 15px;
  }
  #order-standard_cart .view-cart-items-header {
    background-color: #F2430A;
  }
  a {color: #333333;
  background-color: transparent;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  border-radius: 1px;}
  a:hover, a:active {
    color: #F2430A;
    outline: 0;
    text-decoration: none !important;
  }
  .navbar {
  border-bottom-color: transparent !important;
  }
  .navbar-default {
      background-color: #0F0F0F;
      border:0;
      border-radius: 0;
      border-bottom: 0;
  }
  .navbar-default .navbar-brand {
      color: #9d9d9d
  }
  .navbar-default .navbar-brand:focus,
  .navbar-default .navbar-brand:hover {
      color: #fff;
      background-color: transparent
  }
  .navbar-default .navbar-text {
      color: #9d9d9d
  }
  .navbar-default .navbar-nav>li>a {
      
      font-size: 14px !important;
      line-height: 14px;
      text-transform: uppercase;
      padding: 20px;
      color: #fff;
      top: 0%;
      transition: all 0.1s ease-out;
      border-bottom: 1px solid transparent;
      font-weight: 400 !important;
      font-family: "Roboto", Sans-serif;
  }
  .navbar-default .navbar-nav>li>a:focus,
  .navbar-default .navbar-nav>li>a:hover {
      border: none !important;
      background-color: transparent;
      color: #F2430A;
  }
  .navbar-default .navbar-nav>.active>a,
  .navbar-default .navbar-nav>.active>a:focus,
  .navbar-default .navbar-nav>.active>a:hover {
      color: white;
      background-color: #F2430A;
      border-bottom-color: transparent;
  }
  .navbar-default .navbar-nav>.disabled>a,
  .navbar-default .navbar-nav>.disabled>a:focus,
  .navbar-default .navbar-nav>.disabled>a:hover {
      color: #ccc;
      background-color: transparent
  }
  .navbar-default .navbar-toggle {
      border-color: #333
  }
  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle:hover {
    color: #fff;
    background-color: #F2430A;
    border: 0;
  }
  .navbar-default .navbar-toggle .icon-bar {
      background-color: #fff
  }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
     border-color: #101010
  }
  .navbar-default .navbar-nav>.open>a,
  .navbar-default .navbar-nav>.open>a:focus,
  .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: transparent !important;
  }
  .navbar-main .dropdown-menu {
    padding: 0px 0 !important;
    border-top: 0;
    border-radius: 0;
}
  section#home-banner .btn.transfer {
        background-color: #444;
    }
    a.btn.btn-default.bg-color-red.btn-xs,
    a.btn.btn-default.bg-color-blue.btn-xs,
    a.btn.btn-default.bg-color-asbestos.btn-xs,
    a.btn.btn-default.bg-color-gold.btn-xs {
        color: #fff;
        background-color: #F2430A !important;
    }
    .secondary-cart-body {
        background-color: #fff !important;
    }
    .secondary-cart-body {
        padding-top: 10px !important;
    }
  @media (max-width: 750px) {
      .navbar-default .navbar-nav .open .dropdown-menu>.dropdown-header {
          border-color: #080808
      }
      .navbar-default .navbar-nav .open .dropdown-menu .divider {
          background-color: #080808
      }
      .navbar-default .navbar-nav .open .dropdown-menu>li>a {
          color: #9d9d9d;
      }
      .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
      .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
          color: #fff;
          background-color: black;
      }
      .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
      .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
      .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
          color: #fff !important;
          background-color: #080808
      }
      .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
      .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
      .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
          color: #444;
          background-color: transparent
      }
  }
  .navbar-default .navbar-link {
      color: #9d9d9d
  }
  .navbar-default .navbar-link:hover {
      color: #fff
  }
  .navbar-default .btn-link {
      color: #9d9d9d
  }
  .dropdown-menu {
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 1000;
      display: none;
      float: left;
      min-width: 160px;
      padding: 5px 0;
      margin: 2px 0 0;
      font-size: 14px;
      text-align: left;
      list-style: none;
      background-color: rgba(0,0,0,0.9);
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border-top: 3px solid #F2430A !important;
      border-radius: 4px;
      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
      box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
  }
  .dropdown-menu>li>a {
    display: block;
    font-weight: 400;
    line-height: 20px;
    color: #e7e7e7;
    padding: 12px 20px 12px 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Roboto", Sans-serif;
    letter-spacing: 1px;
}
  .dropdown-menu>li>a:focus,
  .dropdown-menu>li>a:hover {
      text-decoration: none;
      background-color: #F2430A !important;
      color: #E7E7E7 !important;
  }
  .dropdown-menu>.active>a,
  .dropdown-menu>.active>a:focus,
  .dropdown-menu>.active>a:hover {
      color: #fff;
      text-decoration: none;
      background-color: #337ab7 !important;
      outline: 0
  }
  .nav-divider {
    border-color: #2B2B2B !important;
    color: #2B2B2B !important;
    background-color: #2B2B2B !important;
  }
  .nav-divider:hover {
    border-color: #2B2B2B !important;
    color: #2B2B2B !important;
    background-color: #2B2B2B !important;
  }
  .login-btn {
      color: #333333 !important;
  }
  li.dropdown-item.btn-custom-action:hover {
    background-color: #333333;
    color: #F2430A !important;
}

li.dropdown-item.btn-custom-action {
    color: #e7e7e7;
}
  a#languageChooser {
    color: #333333 !important;
}
a#languageChooser:hover {
    color: #F2430A !important;
}
  #header {
    border-radius: 0 !important;
    background-color: #e7e7e7 !important;
  }
  #top-nav {
    background-color: transparent !important;
  }
  .header-lined h1 {
    color: #F2430A !important;
  }
  .diff {
    padding-top: 50px;
    background-color: #E7E7E7;
}
.diff .container .col-md-6 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16%;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.diff .container .col-md-6 h2 {
    font-size: 35px;
}
.diff .container .col-md-6 p {
    font-size: 18px;
}
  .list-group-item .active {
    background-color: #F2430A !important;
  }
  div.sidebar .list-group-item-selected {
      background-color: #F2430A !important;
      color: #F2430A;
  }
  .navbar-main li.account {
    background-color: transparent!important;
  }
  a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
      border-top: 1px solid transparent !important;
      background-color: #F2430A !important;
      border-bottom: 1px solid transparent !important;
  }
  .dataTables_wrapper .dataTables_info
  {
    background-color: #F2430A !important;
  }
  .home-shortcuts {
    background-color: #F2430A !important;
  }
  .home-shortcuts li, .home-shortcuts li:first-child {
    border-color: #F1F1F1
  }
  #order-boxes .fields-container {
    border-top-color: #F2430A !important;
    border-bottom-color: #F2430A !important;
  }
  #order-boxes .fields-container .field-row:nth-child(even) {
    background-color: #EEEEEE !important;
  }
  #order-boxes .fields-container .field-row:nth-child(odd) {
    background-color: #FFF9F8 !important;
  }
  #order-boxes table.styled tr th {
    background-color: #F2430A !important;
  }
  #order-boxes table.styled tr.carttablesummary td {
    background-color: #FFF4F2 !important;
  }
  .breadcrumb>li.active {
    color: #F2430A !important;
}
  .alert-info {
    background-color: rgba(232, 102, 76, 0.8) !important;
    color: white !important;
  }
  .form-control {
    min-height: 40px;
  }
  .form-control:focus, .form-control:active {
    border-color: #F2430A !important;
    box-shadow: 0 0px 0px rgba(255, 255, 255, 0.8) inset, 0 0 4px rgba(255, 255, 255, 0.8) !important;
  }
  .lehlogo {
    max-width: 255px !important;
    margin-top: 2px;
  }
  .btn-info, .btn-default{
  background-color: transparent !important;
  color: #F2430A;
  border: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #F2430A;
  }
  ul.top-nav>li.primary-action>a.btn {
    background-color: #F2430A !important;
  }
  ul.top-nav>li>a:hover {
      color: #F2430A !important;
  }
  .primary-action>a:hover {
    color: #fff !important;
}
a#accountNotifications {
    color: #333333;
}
  .btn-info:hover, .btn-info:focus, .btn-default:hover, .btn-default:focus, .btn-primary:hover, .btn-primary:focus {
    background-color: #F2430A !important;
    border-color: transparent;
    color: white;
  }
  .btn-warning, .btn-primary {
    background-color: #F2430A;
    color: white;
    border-color: transparent;
  }
  i.fab {
    color: #e7e7e7;
}
i.fab:hover {
    color: #F2430A;
}
  .btn-warning:hover, .btn-warning:focus, .btn-primary:hover, .btn-primary:focus {
    background-color: #F2430A !important;
    border-color: #F2430A !important;
  }
  .features .active .fa {
    background-color: #F2430A;
    color: white;
}
  .features .fa {
    font-size: 66px;
    color: #4B4B4B;
    padding: 8% 10% 8% 10%;
    border: 1px solid #B4B4B4;
    border-radius: 100%;
    transition: all 0.1s ease-out;
}

.whyus {
    padding-top: 60px;
    padding-bottom: 60px;
}

.whyus .container h2 {
    font-size: 36px;
    color: #BFBFBF;
    text-shadow: 1px 2px 1px rgba(0,0,0,0.2);
}
.primary-action>a.btn:hover {
    color: #ffffff !important;
}

  .footer {
    background-color: rgba(0,0,0,0.9);
  }
  .footer .container {
    padding: 40px 2px 40px 20px;
  }
  .footer .flogo {
    max-width: 72%;
    padding-bottom: 5px;
  }
  .footer .col-md-3 li{
    font-size: 16px;
    list-style: none;
    margin-top: 12px;
  }
  .footer .col-md-3 li a {
    color: #E7E7E7;
    transition: all .2s ease;
  }
  .footer .col-md-3 li a:hover {
    padding-left: 4px;
    color: #F2430A;
    transition: all .2s ease;
  }
  .footer .col-md-2 {
    padding-right: 18px;
    padding-left: 18px;
  }
  .footer .col-md-2 .fa {
    font-size: 36px;
    margin-right: 8px;
    margin-top: 4px;
    opacity: 0.6;
  }
  .footer .col-md-2 .fa:hover {
    color: #EA5252;
    opacity: 1;
  }
  .footer .col-md-2 .fa-facebook-square:hover {
    color: #3b5998;
  }
  .footer .col-md-2 .fa-twitter-square:hover {
    color: #1da1f2;
  }
  .footer .col-md-2 .fa-google-plus-square:hover {
    color: #dd4b39;
  }
  .footer .col-md-2 .fa-instagram:hover {
    color: #f56040;
  }
  .footer .col-md-2 .fa-youtube-square:hover {
    color: #cd201f;
  }
  .footer .col-md-2 .fa-linkedin-square:hover {
    color: #e7e7e7;
  }
  .footer .col-md-4 p {
  color: #e7e7e7;
  }
  blockquote {
    border-color: #F2430A;
  }
  .logincontainer {
    background-color: white;
    padding: 40px 60px 40px 60px;
    border-radius: 4px;
  }
  section#home-banner {
    background-image: url('../img/bc3.jpg');
    background-color: transparent !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding-top: 110px !important;
    padding-bottom: 90px !important;
  }
  section#second-banner {
    background-image: url('../img/bc2.jpg');
    background-color: transparent !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding-top: 110px !important;
    padding-bottom: 90px !important;
  }
  div.header-lined h1 {
    font-weight: bold !important;
  }
  .start .container h2 {
    font-size: 42px;
    padding-bottom: 20px;
    color: #979797;
}
  .start .container .col-md-4 {
    border-top: 4px solid #D4D4D4;
    padding: 11px 23px 11px 23px;
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
    cursor: default;
    background-color: white;
    opacity: 0.9;
    max-width: 95%;
    transition: all 0.6s ease-out;
}
.start .container .col-md-4 ul {
    list-style: none;
}
.start .container .col-md-4 ul li {
    font-size: 18px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #717171;
    font-weight: 400;
}
.start .container .col-md-4 h3 {
    color: #64A76C;
    text-align: center;
    font-size: 33px;
    padding: 14px 25px 14px 25px;
    border-radius: 5px;
}
.start .container .col-md-4 h4 {
    text-align: center;
    padding-top: 8px;
    font-size: 20px;
}
.start .container .col-md-4 .btn-primary {
    font-size: 19px;
}
.start .container .col-md-4 ul .fa {
    color: #F2430A;
}
.start {
    padding-top: 50px;
    background-color: #e7e7e7;
    padding-bottom: 60px;
}
.start img {
    max-width: 40px;
    height: 40px;
}
.scroller::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #F2430A;
}
.start .container .col-md-4:hover {
    transition: all 0.1s ease-out;
    border-top-color: #F2430A;
    border-right-color: #DFDFDF;
    border-left-color: #DFDFDF;
    border-bottom-color: #DFDFDF;
    opacity: 1;
    padding-right: 24px;
    padding-left: 24px;
    transition: all 0.6s ease-out;
}
.support {
    text-align: center;
    background-color: #0C0C0C;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #212121;
}
.support h3 {
    font-size: 35px;
    color: #878787;
}
.support .container .btn-success {
    background-color: rgba(0,0,0,0.1);
    color: #878787;
    border-color: #878787;
    font-size: 24px;
    margin-left: 8px;
}
.banner-2 .background-title {
    background-color: #F2430A !important;
}
.banner-2 .bn-heading {
    color: #F2430A !important;
}
.banner-2 .bn-sep {
    border-top: 3px solid #F2430A !important;
}
div.faqs>p.text-xxl {
    color: #F2430A !important;
}
.faqs .q {
    color: #F2430A !important;
}
.banner-2 .features-list li::before {
    color: #F2430A !important;
}
.home .top-heading, .home .sub-heading {
    color: #F2430A !important;
}
button#btn-get-logos {
    background-color: #222222 !important;
}
.home #form-get-logos input:focus+label, .home #form-get-logos input.focus+label {
    color: #F2430A !important;
}
.results-form-container label {
    color: #F2430A !important;
}
.logo-btn-group .btn-secondary {
    background-color: #222222 !important;
}
.logo-btn-group .btn-secondary:hover {
    background-color: #F2430A !important;
}
button#loadMore {
    background-color: #222222 !important;
}
button#loadMore:hover {
    background-color: #F2430A !important;
}
.ltfh .btn-link {
    color: #F2430A !important;
}
.logo-content-wrp {
    background: #f5f5f5 !important;
}
ul.dropdown-menu {
    padding: 0px;
}
body::-webkit-scrollbar-thumb:vertical:hover {
    border-radius: 0px !important;
    background-color: #F2430A !important;
}
  @media (max-width: 767px) {
    body {
        overflow-x: hidden;
    }
  }