/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Condensed:ital,wght@0,1..1000;1,1..1000&display=swap');
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 20
}


/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

body{font-family: "Sofia Sans Condensed", sans-serif;font-size:20px}
a{color:#0D4496;;font-size:20px}
p a{color:#007bff}
ul li a{color:#007bff}
p img{margin:15px;}

.iconInTxt{position:relative;top:5px;margin:0 3px 0 0;font-size: 18px!important;}


.blue{color:#A4D7F4}
.green{color:#B0D372}
.orange{color: #FF5A26!important;}
.c999{color:#999999}

#topLine{font-size: 18px;color:#fff;border-bottom: 1px solid #AAAAAA;background:#0D4496;position:relative;z-index: 15}
#topLine .material-icons{font-size: 16px;}
#topLine a{color:#fff}

.socialIconsTop{border-left:1px solid #fff;float:right}
.socialIconsTop a{margin:0 0 0 10px}

#logo{height:56px;padding-left:1rem;padding-right:2rem}

h1{font-size: 30px}
h2{font-size: 25px}
h3{font-size: 20px}
h4{font-size: 18px}
h5{font-size: 16px}
button:focus {outline:none;}
.btn-primary{background-color: #0D4496;border-color: #0a2c5f;}
.btn-primary:hover {color: #fff;background-color: #0a2c5f; border-color: #0D4496;}
.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #CCC;
}

.navbar{padding:0;margin:0;justify-content: flex-end}
.bg-light {background-color: #fff!important;border-bottom: 1px solid #AAA;}
.border-l{border-left: 1px solid #AAA;}
.navbar-light .navbar-nav .nav-link {color:#333;padding:30px 15px;font-size:24px}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {background-color: #EEEEEE;color: #333;}
.blueNav:hover {color:#FFF!important;}
.blueNav img{position: relative;top:-3px}

.nav-blue{background-color: #0D4496;border-color: #0a2c5f;padding:10px 0}
.nav-link-second{color: #fff;padding:10px 15px}
.nav-link-second:hover{color: #c1c1c1;}

.navbar-expand-md .navbar-nav .nav-link {padding-right: 1rem;padding-left: 1rem;}

#langChanger{border:none;color:#777;padding:0 5px;margin:0 5px 0 5px}

#shopping_bag_qunty{line-height: 1rem;font-size:12px;  background-color: #B20000;color:#fff;padding:1px;position: relative;top:-6px;left:-6px;margin-right: -10px;float:right}
.mobileNavBot #shopping_bag_qunty{top:0;}
.mobileNavBot img{position: relative;top:-2px}

.navbar-toggler{line-height: 2rem;border-radius:0;border:none;border-left: 1px solid #AAA!important;float:right;}

.dropdown-menu{font-size:14px;line-height: 1.25rem;margin: 0.025rem 0 0;border-radius: 0;}
.dropdown-menu b{margin:0 0 0 1rem}
.dropdown-item{padding: 0.3rem 1.5rem;}

.subCatLeft{padding: 4px 0;display:block}

/* #mainMenu{margin-bottom: 50px} */

.carousel {margin-top: -50px;z-index:10;position:relative}
.carousel-inner img { width: 100%; height: 100%;}
.carousel-control-next, .carousel-control-prev { filter: invert(100%);}
.carousel-indicators{ filter: invert(100%);}
.carousel-caption{ text-align: left;}
.carousel-caption h2{ font-size:26px;color:#fff;background-color: #0D4496;float:left;padding:4px 5px;}
.carousel-caption h3{ font-size:26px;color:#fff;font-weight:700;}
.carousel-caption i{ font-size:18px;color:#777777;}

#quickSearch{width:400px;height:180px;background:#1A3668;left:50px;position:relative;top:300px;margin-top:-180px;z-index:100;opacity:0.8;color:#fff}
#quickSearch .redTitle{color:red;text-shadow: 0 0 15px #000;font-size:18px;font-weight:700}
#quickSearch #botRed{background:#DC1C2E;color:#fff;border:1px solid #fff}
#quickSearch a{color:#fff}
#quickSearch a:hover{color:red}
#indexValuation{background-color: #0D4496;}
#indexValuation a{font-size:40px;color:#fff}
#indexValuationRed{background-color: #DC1C2E;font-size:40px;color:#fff;
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
}
#indexValuationRed a{color:#fff;font-size:25px}

.indexBigTxt h1{color:#0D4496;font-size:54px}
.indexBigTxt h2{color:#7B7B7B;font-size:50px}

.indexBox{border:1px solid #B8B8B8;background:url(../img/index1.jpg) no-repeat;background-position: bottom right;}
.indexBox h2{color:#0D4496;}
.indexBox a:hover{color:#fff;background:#1E5CC6;}
.indexBox .ibotBlue{color:#fff;background:#0D4496;padding:4px 30px}

.indexBox2{border:1px solid #B8B8B8;color:#fff;background:url(../img/index2.jpg) #004280 no-repeat;background-position: bottom left;}
.indexBox2 h2{color:#A4D7F4;}
.indexBox2 a:hover{color:#fff;background:#B80818;}
.indexBox2 .ibotBlue{color:#fff;background:#DC1C2E;padding:4px 30px}

/* list products */
.grayLine{background: #E9ECEF;}

.cage{border:1px solid #999}

.item{border:1px solid #999;color:#003DA5}
.item:hover{ box-shadow: 0 0 15px #BBB;}
.item h2{color:#333}
 a:hover {text-decoration: none}

 .comboBox{height:93px;overflow-y: auto;}
 .checkboxSearch{position:relative;top:1px;margin-right:7px}

 .wantBox{background: #007DC3;color:#FFF;border-radius: 5px;position:relative;bottom:30px;z-index:5}
.item_inner{border-top:1px solid #AAA;padding:12px;height:200px;font-size:22px}
.item_price{border-top:1px solid #AAA;color:#333;font-size:24px;height:45px}
.item .icons{color:#777;font-size:18px}
.itemBotMore{float:right;position:relative;bottom:-8px;left:16px;border-radius: 10px 0 0 0;padding-left:20px;font-size:14px}
.buy_bot{background: #0D4496;float:right}
.buy_bot_promo{background: #BC1619;float:right}
.picTxt{position:relative;background:#DC1C2E;float:left;border-radius: 0 0 10px 0;color:#fff;margin-bottom:-55px;}

.brand_inner{border-top:1px solid #AAA;padding:12px;overflow: hidden;}

.ftco-intro{color:#fff;padding:20px 0}
.ftco-intro h3{font-size:36px}
.ftco-intro li{font-size:20px}

.blueTitle{ float: left; color: #fff; background: #0D4496; margin-bottom: 2rem; padding: 0.5rem;}
.greenTitle{ float: left; color: #fff; background: #B0D372; margin-bottom: 2rem; padding: 0.5rem;}
.price{ float: left; color: #fff; background: #0D4496; margin-bottom: 2rem; padding: 0.5rem; font-size: 30px}
.pricePromo{float: left;text-decoration: line-through;font-size: 26px;padding-top: 16px;margin-right: 15px}
#promoDisc{background: #BC1619;font-size: 18px;color:#fff;float:left;padding:2px 5px;position:relative;top:8px;left:8px;margin-bottom: -50px}
#promoDiscItem{background: #BC1619;font-size: 24px;color:#fff;float:left;padding:5px 10px;position:relative;top:8px;left:8px;margin-bottom: -50px}

footer{border-top: 1px solid #AAA;margin-top:5rem;font-size: 14px;}
footer h4{color:#777777;font-size:20px;margin-bottom: 16px}

#footerValuation{background:url(../img/footer.jpg) #BA161C no-repeat;background-position: bottom 20px left 20px;background-size: 15%;color:#fff;font-size:18px;min-height:350px;}
#footerValuation a{font-size:18px;color:#fff}
#footerValuationRed{background-color: #0D4496;font-size:18px;color:#fff;clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);}
#footerValuationRed a{color:#fff;font-size:18px}

#logoBootom{position:relative;left:-12px}

.botAdd{float:left;background:#0D4496;font-size: 20px;color:#FFF;padding:4px 14px;margin:13px 10px 0 0;width:40px;height:40px;border:none}
.inputAdd{ border:1px solid #AAA; font-size: 18px; float:left; margin:13px 10px 0 0;width:40px}
.botBuy{background:url("../img/bot.jpg") no-repeat left center #0D4496;font-size: 20px;border:none;color:#FFF;padding:14px 20px;width:240px;cursor:pointer}

#contactsBottom{background:url("../img/map.jpg") no-repeat right bottom;}
/* pagination start */
.page-link {color: #0D4496;}
.page-item.active .page-link {background-color: #0D4496;border-color: #0D4496;}
/* pagination end */

/* Product optins start*/
.opt{padding:6px;border:1px solid #CCC;margin-bottom:8px}
.opt:hover{background:#0D4496;color:#fff}
.optActive{padding:6px;border:1px solid #CCC;background:#0D4496;color:#fff}
/* Product optins End*/

.colorsA{padding:3px;border:2px solid #CCC;float:left;margin:0 5px 5px 0;}
.colorsA:hover{border:2px solid #333;}
.colorsAActive{padding:3px;border:2px solid #333;;float:left;margin:0 5px 5px 0;}
.colorsVal{width:30px;height:30px;}

.picA{padding:3px;border:2px solid #CCC;float:left;margin:0 5px 5px 0;}
.picA:hover{border:2px solid #333;}
.picAActive{padding:3px;border:2px solid #333;;float:left;margin:0 5px 5px 0;}
.picVal{width:60px;height:60px;}

.productOption{display:block;float:left;margin:0 5px 5px 0;}
.cartProductName{font-size:20px}

.comfirmLabel{text-align: right;}

.grecaptcha-badge {visibility: hidden !important;}

.blueBox{background-color: #0D4496;background-repeat: no-repeat;background-position:bottom right;border-right:8px solid #FFF;border-left:8px solid #FFF;border-bottom:8px solid #FFF;}
.blueBoxProcent{position:relative;font-size:40px;padding:5px 15px;float:left;background: #BC1619;margin:20px 0 0 0;color:#fff;
}
.blueBoxPrice{color:#fff;font-size:40px;weight:700;text-shadow: 2px 2px #000;margin-top:150px}

/* Product Slider Start*/
.owl-2-style .owl-nav {
  display: none; }

.owl-2-style .owl-dots {
  text-align: center;
  position: relative;
  bottom: -30px; }
  .owl-2-style .owl-dots .owl-dot {
    display: inline-block; }
    .owl-2-style .owl-dots .owl-dot span {
      display: inline-block;
      width: 15px;
      height: 3px;
      border-radius: 0px;
      background: #cccccc;
      -webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      -o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      margin: 3px; }
    .owl-2-style .owl-dots .owl-dot.active span {
      background: #007bff; }
    .owl-2-style .owl-dots .owl-dot:active, .owl-2-style .owl-dots .owl-dot:focus {
      outline: none; }
/* Product Slider End*/

@media (max-width: 1199.20px){
  .navbar{
    display: block;margin-bottom:-15px;
  }
  #logo{ padding-left:10px;padding-right:0; height:30px; }
  .navbar-toggler{padding: 0.25rem 0.5rem}
  .navbar-light .navbar-nav .nav-link{padding:10px 10px}
  .navbar-collapse{border-top:1px solid #AAA}
  #desctopCart{display:none}
  .dropdown-menu{border: none}

}

@media (max-width: 991.20px){

  #filters{display: none; }
  .comfirmLabel{text-align: left;}
}

@media (max-width: 768px){

  #indexValuation a{font-size:20px;
  #indexValuationRed{font-size:20px;}
  #indexValuationRed a{font-size:15px}

  .indexBigTxt h1{font-size:24px}
  .indexBigTxt h2{font-size:20px}

  .action--menu { display: block; }
  .con{padding:0 0 0 0}
  .nav-link{padding:20px 15px;}
  #menu-blank-box{  display: block;}
  .carousel { margin-top: -35px;}
  .carousel-caption h2{ font-size:18px; }
  .carousel-caption h3{ font-size:16px }
  .carousel-caption i{ display: none; }
  .carousel-caption br{ display: none; }

  .item_price{font-size:18px;line-height:35px}
  .item_inner h2{font-size:16px;}


}