.typeahead-wrapper {
  margin: 50px 0;
}

.tt-dropdown-menu {
  background-color: #fff;
  border: 1px solid #000;
}
.tt-suggestion {
  text-align: left;
text-transform: capitalize;
padding: 5px;
cursor: default;
}
.tt-suggestion.tt-cursor,.tt-suggestion:hover {
  background-color: rgb(254, 160, 102);
}

.triggered-events {
  float: right;
  width: 500px;
  height: 300px;
}

.dropdown-submenu {
position: relative;
}

.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}

.dropdown:hover>.dropdown-menu {
display: block;
}

.dropdown-submenu:hover>.dropdown-menu {
display: block;
}

.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
border-left-color: #fff;
}
.tt-hint{
display: none;
z-index: -1 !important;
}
.sup{
background-color: #fff;
color: #000;
padding: 2px;
border-radius: 50%;
}
.ratings span.stock {
float: right;
}

  #topcontrol > i {
      width: 40px;
      height: 40px;
      font-size: 30px;
      line-height: 20px;
      color: #fff;
      background: rgb(201 201 201);
      text-shadow: none;
      padding: 8px 0 0 9px;
  }
  #loader{
      display: none;
      position: fixed;
z-index: 999;
height: 100%;
width: 100%;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #0404047d;
  }
  .popup-loader{
      width: 100%;
height: 100%;
position: absolute;
background-color: #5e5e5e;
z-index: 10;
opacity: 0.8;
display: none;
  }
  .loader-icon{
      position: relative;
width: 90px;
z-index: 12;
left:50%;top:50%;
  }
  .loader{
      display: none;
      position: fixed; 
height: 100%; 
width: 100%; 
top:0; 
left: 0; 
background-color:#0000005e;
z-index:9999;padding-top: 10px;
  }
  .fav{
      color: #fff !important;
      background-color:#e84d1c;
  }
  .sticky {
position: fixed !important;
top: 0;
width: 100%;
z-index: 1020;
}
.pi-img-wrapper > img{
object-fit: contain;
height: 238px;
width: 100%;
}

.product-item h3{
height: 32px;
}
.pi-img-wrapper {
height: 238px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.list-inline>li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
font-weight: 600;
}

.ecommerce .header-navigation > ul > li > a {
color: #767f88;
padding: 5px 12px 5px;
text-transform: capitalize;
font-weight: 500;
}

.logo{    height: 50px;
margin-top: 10px;
width: 270px;
}



.flat-recent-market {
padding: 104px 0 93px;
}

.wrap-recent-text {

}

.wrap-recent-text .title {
margin-bottom: 27px;
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 1.8em;
text-transform: capitalize;

}

.wrap-recent-text .content-text p {
line-height: 24px;
margin-bottom: 8px;


}

.wrap-recent-text .content-text .read-more {
margin-top: 26px;
}

.wrap-recent-text .title2 {
margin-bottom: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 1.2em;
text-transform: capitalize;

}

.read-more {
font-size: 14px;
color: #fff;
background-color:#02476a;
line-height: 42px;
height: 46px;
padding: 0 38px;
font-weight: 500;
display: inline-block;
border-radius: 2px;
border: 2px solid #02476a;
transition: all 0.3s ease-in-out;
}

.read-more:hover {
background-color: transparent;
color: #02476a;
transition: all 0.3s ease-in-out;
}

.single-image{




}

.single-image img{border-radius: 30px!important;
box-shadow: 0px 8px 48px 2px rgb(30 13 13 / 12%);
border: 3px solid #fff;
}



.bg-browse {
background-color: #f7f7f7;
}

.bg-blue{background-color: #006ca3;}

.text-white{    color: #fff;}
.flat-featured.style1 {
padding: 94px 0 70px;

}

.bg-img{	background: url(../../../assets/pages/img/bg.jpg) no-repeat center;
background-size: cover;}

.flat-featured .top-title {
margin-bottom: 63px;
}

.flat-featured .top-title h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 1.8em;
text-transform: capitalize;
}

.flat-featured p{ 
line-height: 24px;
margin-bottom: 8px;


}

.iconbox.style3 {
background-color: #fff;
padding: 28px 32px 28px;
margin-bottom: 30px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.iconbox.style3 .icon {
line-height: 60px;
margin-bottom: 30px;
}

.iconbox.style3 .iconbox-content h4 {
margin-bottom: 11px;
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 1.1em;
text-transform: capitalize;
color: #000;
margin-bottom: 0;
}

.iconbox.style3 .iconbox-content h4 a {
color: #000;
}


.center {
text-align: center;
}

.icon img {width: 60px;
height: 60px;
}

.flat-brand {
padding: 50px 0 50px;
}


.flat-brand .top-title h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 1.8em;
text-transform: capitalize;
}

.flat-brand p{ 
line-height: 24px;
margin-bottom: 8px;


}

/* .owl-carousel .owl-item img {
transform-style: preserve-3d;
margin-top: 35px;
}

.owl-carousel .owl-item img {
display: block;
width: 110px;
-webkit-transform-style: preserve-3d;
} */



.showcase {
width: 100%;
height: 300px;
position: relative;
color: white;
text-align: center;
}

.showcase img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index:99
}

.showcase .overlay {
width: 100%;
height:300px;
background-color: rgba(0, 35, 82, 0.4);
position: absolute;
top: 0;
left: 0;
z-index:999
}

.showcase h2 {
margin-top: 120px;
font-size: 3em;
color: #fff;
}

.showcase p {
margin-top: 8px;
font-size: 1.2em;
}


.featured {
width: 100%;
min-height: 200px;
position: relative;
color: white;
text-align: center;
}

.featured img {
width: 100%;

position: absolute;
top: 0;
left: 0;
z-index:99
}

.featured .overlay {
width: 100%;

background-color: rgba(0, 35, 82, 0.35);
position: absolute;
top: 0;
left: 0;
z-index:999
}

.featured h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 1.1em;
text-transform: capitalize;
color: #ffffff;
margin-bottom: 0;
padding: 75px 0;
}


.featured h2 a {
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 1.1em;
text-transform: capitalize;
color: #fff;
margin-bottom: 0;
text-shadow: 1px 1px 2px rgb(0 0 0 / 20%), -1px -1px 2px rgb(0 0 0 / 20%), -1px 1px 2px rgb(0 0 0 / 20%), 1px -1px 2px rgb(0 0 0 / 20%);

}

.featured h2 a:hover {

color: #f4b74e;

}

.featured p {
margin-top: 8px;
font-size: 1.2em;
}

.flat-support {
padding-top: 99px;
padding-bottom: 99px;
}

.wrap-support {
margin-top: -8px;
}

.social-icons li {
float: left;
display: inline;
list-style: none;
margin-right: 5px;
margin-bottom: 0;
text-indent: -9999px;
}


.wrap-support .title h1 {
margin-bottom: 22px;
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 1.6em;
text-transform: capitalize;
}

.wrap-support .title p {
line-height: 24px;
margin-bottom: 15px;

}

.form-support .contact-form {
margin-bottom: 39px;
}

textarea, input[type="text"], input[type="submit"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .dropdown-menu, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
-webkit-appearance: none;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
color: #000;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="email"] {
position: relative;
display: block;
width: 100%;
line-height: 24px;
padding: 4px 15px;
color: #222222;
border: 1px solid #d0d0d0;
height: 34px;
background-color: #fff;
border-radius: 3px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

input, textarea {
background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));
}

.form-support .btn-contact-form button {
padding: 0 55px;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
display: inline-block;
color: #fff;
padding: 0px 29px 0 30px;
height: 46px;
line-height: 42px;
font-size: 13px;
color: #ffffff;
background: #02476a;
border: 2px solid #02476a;
font-weight: 500;
-webkit-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
-moz-border-radius: 2px;
font-family: "Montserrat", sans-serif;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.form-support .btn-contact-form button:hover {
color: #006ca3;
background-color: transparent;
}

.widget_contact {
padding-left: 0;
margin-top: 8px;
margin-bottom: 20px;
font-family: 'Montserrat', sans-serif;

}

.widget_contact .contact-list li {
line-height: 24px;
margin-bottom: 6px;list-style: none;    font-weight: 600;
font-weight: 700;
font-size: 0.9em;
}

.widget_contact .contact-list li span {
color: #333;  font-weight: 400;
}

ol, ul {
list-style: none;
}

ul, ol {
padding: 0;
}

/* .border-bottom{    width: 50%;
border-bottom: 1px solid #006ca3;} */

.flat-credit {
padding-top: 50px;
padding-bottom: 50px;
}

.widget_contact h3{   font-family: 'Montserrat', sans-serif;
font-weight: 800;

font-size: 18px;}


.brands-img{    max-width: 140px;
margin: 20px;}


.h1, .h2, .h3, h1, h2, h3 {
margin-top: 20px;
margin-bottom: 10px;
}

h1{font-size: 36px!important;}

.bfQuickMode .controls .control-label {
width: 35%;
min-width: 110px;
vertical-align: text-top;
}
.control-group {
margin-bottom: 10px;
}

.custom01 input[type="radio"] {
display: none;
}
.custom01 label {
position: relative;
display: inline-block;
padding: 3px 3px 3px 25px;
cursor: pointer;
width: auto;
font-weight: 400;


}
.custom01 label::before {
position: absolute;
content: '';
top: 50%;
left: 0;
width: 14px;
height: 14px;
margin-top: -8px;
background: #fff;
border: 1px solid #ccc;
border-radius: 100%;
}
.custom01 input[type="radio"]:checked + label::after {
position: absolute;
content: '';
top: 50%;
left: 3px;
width: 8px;
height: 8px;
margin-top: -5px;
background: #3498db;
border-radius: 100%;
}

.radio-row{display: flex;
align-items: center;
justify-content: flex-start;}

.radio-cal-1{ 
align-items: center;
justify-content: space-between;}

.radio-cal-2{  
align-items: center;
justify-content: space-between;}

.m-right{    margin-right: 50px;}
.m-bottom{    margin-bottom: 0;}
.m-top{    margin-top: 50px;}

.custom01 p{ color: #c0c0c0;
font-style: italic;
line-height: 24px;
padding: 8px 15px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 13pt;
font-weight: 400;
margin-bottom: 0;
}
.form-support p{ 
line-height: 24px;
margin-bottom: 8px;
color: #7c7c7c;

}
.text-b{     font-weight: 600;}
.img-b{width: 100%;
height: 200px;
border: 5px solid #F0F0FF;
border: 5px solid rgba(0, 0, 0, 0.05);
margin-bottom: 5px;}


.buttone-b{    margin-top: 50px;
text-align: center;
background-color: #e7f5fd;
padding: 15px;}


 @media (min-width: 1200px){
.container {
  width: 1140px;
}
 }
 
 
/*----------footer----------------*/
/* .steps-block-red {
  background: #02476a;
} */


.ecommerce .steps-block h2 {
font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1.9em;
  text-transform: capitalize;
}

.pre-footer h2, .ecommerce .pre-footer h2 {
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1.2em;
  text-transform: capitalize;
}

.footer-heading{margin-bottom: 30px!important;
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 10px;
  font-size: 1.4em!important;}

.pre-footer address {
  line-height: 1.7;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 13pt;
  font-weight: 400;
 color: #e3e2e2;
}

.footer .powered {
  color: #81848f;
  margin: 10px 0 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1.1em;
  text-transform: capitalize;
}

.footer ul {
  margin: 0;
  padding: 0;
  display: flex;
}

.footer ul li {
  padding: 5px 10px;
  font-size: 14px;
}

.footer a {
  color: #fff;
text-decoration: none;
}

.footer a:hover {
  text-decoration: none;
  color: #f1a619;
}
.steps-block-col>.fa-truck {
  position: relative;
  background: transparent;
}

.header-navigation > ul > li {
  float: left;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  list-style: none;
}
div#view-more-section {
  height: 100px;
    overflow: hidden;
    padding: 4px;
}
.steps-block .steps-block-col div {
  margin-left: 10px;
  margin-right: 40px;
  margin-top: 0;
}

.steps-block-col {
  overflow: hidden;
  min-height: 71px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.pre-footer {
  background: #0a0a0a;
  color: #e3e2e2;
}

.footer {
  background: #000000;
  color: #fff;
  font-size: 12px;
  padding: 15px 0;
}

.pre-footer {
  background: #0a0a0a;
  color: #e3e2e2;
}
.ratings span.stock {
  font-size: 13px;}