@font-face{font-family:'Glyphicons Halflings';src:url(./fonts/glyphicons-halflings-regular.eot);src:url(./fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(./fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(./fonts/glyphicons-halflings-regular.woff) format('woff'),url(./fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(./fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}

/* @import url('http://fonts.googleapis.com/css?family=Montserrat:300,400,500&display=swap'); */

@font-face {
  font-family: 'icomoon';
  src:  url('./fonts/icomoon.eot?cyphte');
  src:  url('./fonts/icomoon.eot?cyphte#iefix') format('embedded-opentype'),
    url('./fonts/icomoon.ttf?cyphte') format('truetype'),
    url('./fonts/icomoon.woff?cyphte') format('woff'),
    url('./fonts/icomoon.svg?cyphte#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block; 
}

@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/heebo/v26/NGS6v5_NC0k9P9H2TbE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/heebo/v26/NGS6v5_NC0k9P9H2TbE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
--heebo:'Heebo',ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";	
}

html {
	height: 100%; margin:0; 
}



body {
	
	 color: #525252;  	
	background-color:#fff;
	min-height: 100%; overflow-x: hidden;
	margin: 0; /* Matches Tailwind */
    line-height: inherit; /* Inherits from html */

}
.lh2{line-height:2.175em}
.lh1{line-height:1.575em}
body p {  
 margin-bottom: 18px;  
 font-family: sans-serif !important; 
 
}
p,span,li {font-size:16px;line-height:1.775em !important; }
ul { padding:20px 20px 20px 40px; }
.home li { 
  line-height: 2.4em !important;  
}
.ul_footer li { line-height:1.2em; }

 

.bread { 
color:#232323;border-bottom:1px solid #f1f1f1;padding:0 5px 5px 5px !important;margin-top:-6px !important;  
}
.bread li,.bread li.active  { color:#232323; display:inline;padding:0 8px 0 0;text-transform:uppercase;margin-left:0 !important;font-size:15px !important;letter-spacing:0.075em; }
.bread li:not(:last-child):after { content: " / ";}
.bread li a,.breadcrumb li a:active, .breadcrumb li a:visited, .breadcrumb li a:hover, .breadcrumb li a:link { color:#4a9ece; }

.lead { font-family:var(--heebo);font-weight:500;  }



.container {background-color:transparent !important; }
.container_body{padding-top:0;  }
.container_full {padding:0 20px 20px 16px;}
.container_featured {margin-left:14px;margin-right:0 !important;padding:0 14px 0 0  !important}


.top_with_logo { margin-top:0; }

.bimg { margin: 16px 0 20px 0;}
.underpics{padding:6px 0 12px 0;font-size:16px;line-height:1.375em;font-weight:700;text-transform:uppercase;}


.btn, .btn a,.btn-warning.focus,.btn-warning:focus,.btn-warning:active.focus,.btn-warning:active:focus  {border:0 !important;}
/* .btn-default {color:#646464 !important;border: 1px solid #ccc !important;border-color: #ccc;}
.btn-default,.btn-default:visited,.btn-default:link { color:#666666 !important;border: 1px solid #ccc !important;border-color: #ccc !important;}*/

.btn-default {color:#646464 !important;background-color:#f0f0f0;}
.btn-default,.btn-default:visited,.btn-default:link { color:#666666 !important; }




.bfooter { border-top:0.1px solid #e4e4e4; padding-top:18px; }
.bfooter p {font-size:12px;color:#747474;}
.bfooter img {width:200px;margin-right:16px;}
.bfooter .copyr {padding-right:10px;}

@media (max-width: 450px) { .bfooter{text-align:center;}.bfooter img {width:90%;margin-right:0;}.bfooter .copyr {padding-right:0;display:block}}
@media (max-width: 767px) { 
body,.container {background-color:#fff;} 
}


.up_top {margin:0 12px 0 12px;padding:0}

.right_sm { float:right; }



@media (max-width: 599px) {.xx_center,.center_xx {text-align:center !important;} 
.right_sm { float:none; }
.no_pad_xx { padding-left:6px !important;padding-right:6px !important; }

 }
@media (max-width: 769px) { 
.only_xs {display:block-inline !important;}
}
@media (min-width: 769px) { .only_xs  {display:none !important;} 

.right_sm {text-align:right} 

} 



#smenu {position:absolute;top:74px;right:0;max-width:180px;min-width:180px;background:#fff;z-index:100;
visibility:hidden;
border-bottom:1px solid #f1f1f1;border-top:0;text-align:left;border:1px solid #f1f1f1;padding:0;}
@media (min-width: 769px) { #smenu {top:94px;right:26px;} }
#top_btns,top_btns{z-index:1000 !important;}
#smenu ul li { list-style-type: none; border-bottom:1px solid #fff; margin:0 0 0 -40px !important; font-size:0.9em !important;color:#646464 !important;text-decoration:none !important; padding:6px !important;width:180px !important;cursor:pointer}
#smenu ul li a {padding:12px;}
#smenu ul li:hover {background-color:#f1f1f1; }
#smenu ul li a:hover { text-decoration:none !important;} 

.btn_user img {border-radius:50%;width:50px;height:50px;margin:0;padding:0px;margin-top:-10px;}


.right {text-align:right;}
.top2{padding-top:2px;}
.top4{padding-top:4px;}
.top6{padding-top:6px;}
.top8{padding-top:8px;}
.top10{padding-top:10px;}
.top12{padding-top:12px;}
.top16{padding-top:16px;}
.top18{padding-top:18px;}
.top20{padding-top:20px !important;}
.top23{padding-top:23px !important;}
.top24{padding-top:24px !important;}
.top25{padding-top:25px;}
.top26{padding-top:26px;}
.top28{padding-top:28px;}
.top32{padding-top:32px;}
.top34{padding-top:34px;}
.top35{padding-top:35px;}
.top45{padding-top:45px;}

.left2{padding-left:2px;}
.left4{padding-left:4px;}
.left6{padding-left:6px;}
.left8{padding-left:8px;}
.left10{padding-left:10px;}
.left12{padding-left:12px;}
.left16{padding-left:16px;}
.left20{padding-left:20px;}

.right2{padding-right:2px;}
.right4{padding-right:4px !important;}
.right6{padding-right:6px;}
.right8{padding-right:8px;}
.right10{padding-right:10px;}
.right12{padding-right:12px;}
.right20{padding-right:20px;}

.bottom2{padding-bottom:2px;}
.bottom4{padding-bottom:4px;}
.bottom6{padding-bottom:6px;}
.bottom8{padding-bottom:8px;}
.bottom10{padding-bottom:10px;}
.bottom12{padding-bottom:12px;}
.bottom16{padding-bottom:16px;}
.bottom18{padding-bottom:18px;}
.bottom20{padding-bottom:20px !important;}
.bottom24{padding-bottom:24px;}
.bottom26{padding-bottom:26px;}
.bottom30{padding-bottom:30px;}
.bottom45{padding-bottom:45px;}


.bmargin12 a,.bmargin12 button { margin:0 4px 12px 0; }
.mtop10,.mt-10 {margin-top:10px}
.mtop12,.mt-12 {margin-top:12px;}
.mbottom12,.mb-12 {margin-bottom:12px;}
.mbottom8,.mb-8 {margin-bottom:8px;}
.mleft12,.ml-12 {margin-left:12px;}
.mright12,.mr-12 {margin-right:12px;}
.sone img { max-height:80px; }


@media (max-width:768px){body{background:#fff;}.hide-xs {display:none;} .fleft {float:none;display:block;text-align:center !important;padding-bottom:12px !important;} .fright {display:block;text-align:center !important;float:none;}
}


@media (min-width:769px){.container{width:696px}}
@media (min-width:930px){.container{width:830px}}
@media (min-width:1024px){.container{width:924px}}
@media (min-width:1200px){.container{width:1100px}}
@media (min-width:1280px){.container{width:1180px}}

@media (max-width:930px){
.container_featured {margin-left:0;margin-right:0 !important;padding:0 0 0 0  !important}
}


.table_sm tr td,.table_sm tr th {font-size:14px;}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,h7,h8,h9 {
 	font-family: var(--heebo); 
	color:#141414;
margin-bottom:14px;
}


h1 {   font-size: 30px;margin-bottom:25px;  }
h2 {   font-size: 28px; margin-top:30px; margin-bottom:30px;  }
h3 {
    font-size: 26px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 22px;
}

h6 {	
    font-size: 20px;
	 
}
h7 {
    font-size: 18px;  
	color:#1758a0;
	padding-bottom:12px;
	font-weight:bold;
}
h9,h9 a, h9 a:link,h9 a:visited,h9 a:hover {
    font-size: 18px;
	color:#b80c59;
	font-weight:bold;
}
h10,h10 a, h10 a:link,h10 a:visited,h10 a:hover { font-size:18px;font-weight:normal;color:#aa0c2d;line-height:1.2em;text-align:center;padding-top:10px; }



.under_pics { font-size:14px;line-height:1.2em;padding-bottom:12px; }
.under_pics img {margin:0 0 8px 0}
.under_pics div {text-align:center;}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

.btn:focus {
  outline: none !important;
}

a.btn { color:#fff !important; }
/*.btn {padding:8px 10px 8px 10px;} */

.btn-lg {letter-spacing:0.1em;padding:10px 13px 10px 13px !important;font-size:16px !important;border-radius:0;text-transform:uppercase;} 

.cart_title,.cart_title:hover{font-size:16px;color:#3097b5;font-weight:bold;padding:0 0 12px 0}
.save_title,.cart_title:hover{font-size:16px;color:#d61b50;font-weight:bold;padding:0 0 12px 0}

.subtotals .row {  background-color:#f1f1f1; }
.small {font-weight:normal;font-size:14px;}
.subtotals .row { padding:20px 20px 0 20px; }


.green{color:#618f18}

.disabled { color:#a6a6a6; }

/* ===== Back to Top link ===== */

#to-top-button,#to-top-button i{width:40px;height:40px;line-height:40px}
#to-top-button{z-index:100;position:fixed;bottom:50px;right:50px;cursor:pointer;overflow:hidden;opacity:.7;background-color:#000;background-color:rgba(0,0,0,.6);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:background-color .5s;-moz-transition:background-color .5s;-o-transition:background-color .5s;transition:background-color .5s;text-align:center;font-size:25px;color:#fff;display:none;filter:alpha(opacity=70)}#to-top-button:hover{background-color:rgba(0,0,0,.8);filter:alpha(opacity=80)}#to-top-button i{display:block}



ul.bottom { padding-top:12px; }

#message {display:none;}
.overlay {z-index: 100;background: #e9e9e9;display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;opacity: 0.8;}
.loading_img{position:fixed;z-index: 110; top: 50%;
  left: 50%;}
.loading_gif {width:100%;text-align:center;}
.loading_gif img {margin:14px 0 10px 0;}

.inlines div, .inline { display: inline-block;margin:0 6px 6px 0; vertical-align:top;text-align:left; }
.inlines div div {display:block;max-width:180px;}
.inlines div .small {font-size:12px;}



.footer ul { list-style-type: none; }
.footer ul li { margin-left: -2.6em; font-size:13px;line-height:1.6em;padding-bottom:4px; }
.footer ul li a {color:#646464;}
.footer ul li a:hover {text-decoration:none;color:#c70b63;}

.input-group-addon,.cursor {cursor:pointer;}
.love_blue div div div {float:left;padding-bottom:6px}


.main-nav {
  background: #f1f1f1;
  margin:0 0 0 0 !important;padding:0 !important; 
}
.main-nav button {
  background: #27435a;
  color: #fff !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}


.main-nav .navbar-collapse {
  padding: 0;
 overflow-x: hidden;
}

.main-nav .nav .nav-item a:first-child { 
border-radius:8px 0 0 0;
}
.main-nav .nav .nav-item a:hover {  
  color: #fff;  
}
.main-nav .nav .nav-item.active {
  position: relative;
}
.main-nav .nav .nav-item.active > a {
  color: #000;
}

.main-nav .nav .nav-item.active > a:hover {
  background: #dcdcdc;
  color: #000;
   -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}


.main-nav .nav .nav-item.active > a.dropdown-toggle:before {
  display: none;
}

.main-nav .nav .nav-item .dropdown-menu a {
  border-bottom: 1px solid #3e6a8f;
  padding: 8px 20px;
}

.navbar_toggle  { text-decoration:none !important; color:#000;}

.navbar-nav li a:hover   { 
   background: #f0ad4e !important;
   color:#fff !important;   
}

.navbar-nav li a:focus {
	border-right:1px solid #fff !important;
}

.navbar-nav .dropdown .dropdown-menu {
	background: #f1f1f1;
}


.navbar-nav li a { 

font-size: 14px; 
font-weight:normal;  
padding:8px;
color:#363636;
display:block; 
text-transform: none;
 -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
text-decoration: none !important;  
}

img {border-radius:16px; }
.top_col { padding-bottom:0px; }

.logo {margin:12px 0 0 0;aspect-ratio: 100 / 18;}
.a43 { aspect-ratio: 100/75; }
.a11 { aspect-ratio: 100/100; }

 .bg_featured {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;  
    height: 24vw;
	object-fit: cover;
    z-index: 0;
	overflow: hidden; 
	border-radius:0 !important; 
	aspect-ratio: 100 / 24;
}



.oleft { object-position: left; }
.oright { object-position: right; }
.ocenter { object-position: center; }


@media (max-width: 575px) { 
.bg_featured {	 height:60vw; aspect-ratio: 100 / 60; }
} 
@media (min-width: 576px) and (max-width: 767px) {
.bg_featured {	 height:50vw; aspect-ratio: 100 / 50; }
}
@media (min-width: 600px) and (max-width: 767px) { 
.bg_featured {	 height:45vw; aspect-ratio: 100 / 45; }
}
@media (min-width: 768px) and (max-width: 991px) {
.bg_featured {	 height:40vw; aspect-ratio: 100 / 40; }

}

@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
.bg_featured {	 height:30vw;aspect-ratio: 100 / 30; }
}

@media (min-width: 992px) and (max-width: 1199px) {
.bg_featured {	 height:30vw;aspect-ratio: 100 / 30; }
}

@media (min-width: 992px) and (max-width: 1199px) and (orientation: landscape) {
.bg_featured {	 height:30vw;aspect-ratio: 100 / 30; }
}

@media (min-width: 1200px) and (max-width: 1399px) {
.bg_featured {	 height:30vw;aspect-ratio: 100 / 30;  }
}

@media (min-width: 1400px) {
.bg_featured {	 height:40vw;aspect-ratio: 100 / 40;  }
}

@media (min-width: 1600px) {
.bg_featured {	 height:30vw;aspect-ratio: 100 / 30;  }
}

.navbar-nav { font-weight:normal;  }
@media (max-width: 768px) { 
.mnav_public {width:100%;}
}


@media (min-width: 992px) {
	.navbar-nav li a {  font-size: 15px;font-family: var(--heebo);text-transform:uppercase !important;   }
	.navbar-nav .dropdown-menu li a  {text-transform: none !important;}
	.mnav_public { width:100%;padding-right:12px !important; }
	.navbar-right { margin-top:-55px !important; }
	
}




.left { float:left;text-align:left; }
.right { float:right;text-align:right; }
.aleft {text-align:left; }
.aright {text-align:right; }
.center { text-align:center; }
.center img {  margin: 0 auto; }

.red { color:#dc1414; }



.pager_select select { max-width:80px;margin-top:-5px;padding-bottom:7px; } 

.sblog p,.sblog li {font-size:16px;line-height:1.775em !important;padding-bottom:20px;}


.orange { background-color:#f98a07;line-height:1.2em; }


.fb_name, .fb_name a { color:#b00632 } 

.clear { clear:both; }


.nav-pills a { font-size:12px !important; }


.esmall {font-size:12px; text-transform:uppercase}


.footer {	
	padding: 4px 0 12px 0 !important; margin: 25px 0 0 0;
	
	background:#f1f1f1 !important;color:#000; 
	/*background:#5b90b4;color:#fff;*/
}
.footer .bold {
	padding-bottom: 10px;
	font-weight:700;
}


.footer ul { list-style-type: none;padding:12px;}
.footer li { padding-left:22px; }

.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f32 { font-size: 30px; }


.socials a:hover {text-decoration:none !important;}
.socials .icon:hover {color:#5b8fb4;}
.socials a {font-size:32px;}



.dw_inside { position: relative !important; }
.dw_inside input { padding-right:30px !important }
.dw_inside .dw_button { position: absolute;right: 4px;top: 6px;bottom: 4px;z-index:9; }
.dw_inside .dw_button i { color:#8e8e8e;font-size:20px; } 
.dw_inside .lg_button { position: absolute;right: 8px;top: 30px;bottom: 4px;z-index:9; }
.dw_inside .lg_button i { color:#8e8e8e;font-size:20px; } 
.dw_inside .s_button { position: absolute;right: 6px;top: 5px;bottom: 4px;z-index:9; }
.dw_inside .s_button i { color:#8e8e8e;font-size:20px; } 
.dw_inside .starts_button { position: absolute;right: 0px;top: 32px;;z-index:9; }
.dw_inside .starts_button i { color:#8e8e8e;font-size:18px; } 
#eye_pass,icon  { cursor:pointer;}

.bred {border:1px solid red}

.pform { border:1px solid #bcbcbc;background-color:#faf8f4;padding:0;}

.pform .in_title { padding:12px;;  color:#fff; text-align:center;background-color:#f0ad4e; cfont-family: var(--heebo); font-weight:700; text-transform:uppercase;letter-spacing:0.045em;font-size:21px;}

.pform .inside {padding:14px;}
.pform  div { padding-bottom:0; margin-bottom:6px; }
.row_pager { border-top:1px solid #f1f1f1;padding:14px 0 0 0;margin:20px 0 12px 0;  }
.pager_right{float:right !important;}

.pblog_img {margin:20px 0 20px 0}
.hr_dotted { border-top:1px dotted  #cbcbcb }
label {font-size:12px;font-weight:normal;line-height:1.375em !important;}
.img-responsive {width:100%}
.underblogs,.underblogs a,.underblogs a:hover,.underblogs a:visited {font-family: Heebo,Arial, Helvetica, sans-serif;margin:16px 0 12px 0;font-size:20px;line-height:1.375em;color:#000;text-decoration:none;  }
.underblogs a:hover {color:#3e7899}
.top_phone {font-size:22px;font-weight:bold;}
.bg_green{background-color:#5ead23;color:#fff;border-bottom:1px solid #fff;}
.parts {background-color:#f0f0f0;border:6px solid #fff;padding-top:12px;}
.round { border-radius:16px; }
.p_orange {color:#f15a24}


#cities { padding: 16px 0 16px 0; border-top:10px solid #f1f1f1; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-mtwitter:before {
  content: "\e900";
}
.icon-mfacebook:before {
  content: "\e901";
}
.icon-minstagram:before {
  content: "\e902";
}
.icon-mtelegram:before {
  content: "\e903";
}
.icon-mheart-o:before {
  content: "\e904";
}
.icon-mheart:before {
  content: "\e905";
}

.icon-cog:before {
  content: "\e994";
}
.icon-bar:before {
  content: "\f0c9";
}
.icon-bar {font-size:28px}

picture {
    display: block; /* Ensure picture takes up space */
}

picture img {
    display: block;
    width: 100%; /* Responsive width */
    height: auto; /* Maintain aspect ratio */
     /* Fallback if width/height attrs are missing; adjust to your images */
    opacity: 0; /* Start invisible */
    transition: opacity 0.3s ease; /* Smooth fade-in */
    object-fit: cover; /* Ensure placeholder fills space */
}

/* Style for images that are still loading */
picture img.lazy-loading {
    opacity: 0.5; /* Slightly faded while loading */
    background: #f0f0f0 url('path/to/loading-spinner.gif') no-repeat center; /* Optional spinner */
}

/* Style for loaded images */
picture img[data-loaded="true"] {
    opacity: 1; /* Fully visible */
    background: none; /* Remove placeholder */
}

.font-bold {
  font-weight: 700;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.text-balance {
  text-wrap: balance;
}

.text-pretty {
  text-wrap: pretty;
}

.sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

.text-white { color:#fff; }
.px-12 { padding-left:12px; padding-right:12px; }
.py-12 { padding-top:12px; padding-bottom:12px; }