/*   
Theme Name: broni.kr
Version: 1.0
Description: Шаблон разработан индивидуально для сайта https://broni.kr/
Author: Денис Константин
*/

input::-webkit-input-placeholder{opacity:1;color: #ffffff;}
input::-moz-placeholder{opacity:1;color: #ffffff;}
input:-moz-placeholder{opacity:1;color: #ffffff;}
input:-ms-input-placeholder{opacity:1;color: #ffffff;}
input:focus::-webkit-input-placeholder{opacity:0;}
input:focus::-moz-placeholder{opacity:0;}
input:focus:-moz-placeholder{opacity:0;}
input:focus:-ms-input-placeholder{opacity:0;}
textarea::-webkit-input-placeholder{opacity:1;color: #ffffff;}
textarea::-moz-placeholder{opacity:1;color: #ffffff;}
textarea:-moz-placeholder{opacity:1;color: #ffffff;}
textarea:-ms-input-placeholder{opacity:1;color: #ffffff;}
textarea:focus::-webkit-input-placeholder{opacity:0;}
textarea:focus::-moz-placeholder{opacity:0;}
textarea:focus:-moz-placeholder{opacity:0;}
textarea:focus:-ms-input-placeholder{opacity:0;}


body {
  font: 18px Inter-Regular;
  color: #000;
  min-width: 370px;
  padding: 0 !important;
}
body.ovh{
    overflow: hidden;
    height: 100vh;
    width: 100vw;
}

.dspn{
    display: none !important;
}
b{
    font-weight: normal;
    font-family: Inter-Bold;
}
a{
    color: #0094c7;
    font-family: Inter-Bold;
    text-decoration: underline;
}
a:hover{
    text-decoration: none;
}
.container-fluid{
    display: table;
    position: relative;
    width: 1400px;
    margin: auto;
    padding: 0 ;
    overflow: hidden;
}
.btn1{
    display: block;
    width: 235px;
    height: 44px;
    text-indent: 20px;
    cursor: pointer;
    text-decoration: none;
    background-color: #d90024;
    font: 15px/44px NotoSans-Black;
    color: #ffffff;
    background-image: url('../img/btn1-arrow.png');
    background-repeat: no-repeat;
    background-position: center right 16px;
}
.btn1:hover{

}

.mobMenuBtnClose,
.mobMenuBtn{
    display: none;
}


/*--  header  --*/
    .hb1-info,
    .hb1-form_btn,
    .hb1-logo,
    .hb1-menu ul {
        display: flex;
        height: 92px;
        align-items: center;
    }
    /*--//--*/
    #header {
      height: 57px;
    }
    .head {
      height: 56px;
      border-bottom: 1px solid rgb(217, 217, 217);
      position: relative;
      left: 0;
      top: 0;
      width: 100%;
      background-color: #fff;
      transition: all 0.2s;
    }
    .head.head-plav {
      top: -100%;
      position: fixed;
      opacity: 0;
    }
    .head-plav.sticky {
      position: fixed;
      z-index: 50;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
      top: 0px;
      opacity: 1;
    }
    .head.head-plav.adm.sticky {
      top: 32px;
    }

    header .container-fluid {
      padding: 0;
      display: table;
    }

    .mob-menu span {
      display: block;
      height: 2px;
      background-color: rgb(28, 27, 31);
      position: absolute;
      top: 50%;
      margin-top: -2px;
      left: 0;
      width: 100%;
    }
    .mob-menu {
      height: 15px;
      width: 18px;
      box-sizing: border-box;
      border-top: 2px solid rgb(28, 27, 31);
      border-bottom: 2px solid rgb(28, 27, 31);
      position: relative;
      cursor: pointer;
      margin-left: 10px;
      margin-top: 20px;
      margin-right: 20px;
      float: left;
    }
    .head-l {
      float: left;
    }
    .head-r {
      float: right;
    }
    .head-r > div,.head-r > button {
      float: left;
      margin-left: 20px;
      background-image: url(../img/language.png);
      background-repeat: no-repeat;
      min-width: 120px;
      height: 40px;
      border: 1px solid rgb(217, 217, 217);
      border-radius: 8px;
      box-sizing: border-box;
      padding-left: 50px;
      background-position: 20px 10px;
      margin-top: 8px;
      font-size: 14px;
      padding-top: 10px;
      padding-right: 15px;
      padding-bottom: 0;
      font-family: Inter-Medium;
    }
    .head-r > button.head-r-lk, .head-r > div.head-r-lk {
      background-color: rgb(255, 141, 40);
      border: none;
      background-image: url(../img/account_circle.png);
    }
    .head-r > div.head-r-lk a {
      color: #000;
      text-decoration: none;
      opacity: 1;
      transition: all 0.2s;
      font-size: 14px;
      font-family: Inter-Medium;
    }
    .head-r > div.head-r-lk a:hover {
      opacity: 0.7;
    }
    .head-r > button {
      padding-top: 0 !important;
      cursor: pointer;
    }
    .logo-head {
      position: relative;
      float: left;
      width: 180px;
      height: 56px;
      text-align: center;
      box-sizing: border-box;
      padding: 8px 0;
    }
    .logo-head a {
      background-image: url('../img/logo.png');
      width: 100%;
      height: 100%;
      display: block;
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: center;
    }
    .h-block1,
    .h-block1 > div{
        float: left;
    }
    .hb1-logo a{
        text-decoration: none;
    }
    /*--//--*/
    .hb1-menu{
        margin: 0 30px;
    }
    .hb1-menu ul li{
        float: left;
    }
    .hb1-menu ul li a{
        padding: 0 7px;
        font: 15px Inter-Regular;
        color: #000000;
        text-decoration: none;
    }
    .hb1-menu ul li.current-menu-item a,
    .hb1-menu ul li a:hover{
        color: #d90024;
    }
    /*--//--*/
    .hb1-form_btn{
        margin-right: 45px;
    }
    /*--//--*/
    .hb1-info {
        flex-direction: column;
        justify-content: center;
        align-items: unset;
    }
    .hb1-info a{
        display: block;
        text-decoration: none;
    }
    .hb1i-phone{
        color: #0186b4;
        font-family: Inter-Regular;
    }
    .zakaz-btn{
        font: 14px Inter-Bold;
        color: #000000;
        text-decoration: underline !important;
        cursor: pointer;
    }
    .zakaz-btn:hover{
        text-decoration: none !important;
    }
  #header .container-fluid {
    overflow: visible;
  }
  .head-r > div.head-r-lng {
    padding: 0;
    background-image: none;
    position: relative;
  }
  .head-r-lng > div .gt_float_switcher {
    box-shadow: none;
    font-size: inherit;
    font-family: inherit;
    border: none;
    line-height: 1;
    background: none;
    border-radius: 15px;
  }
  .head-r-lng > div .gt_float_switcher .gt-current-lang {
    padding: 5px 18px;
  }
  .head-r-lng > div .gt_float_switcher .gt-current-lang span {
    font-weight: normal;
    font-family: Inter-Medium;
    top: 4px !important;
    position: relative;
  }
  .head-r-lng > div .gt_float_switcher .gt-current-lang span.gt_float_switcher-arrow {
    top: 2px !important;
  }
  .head-r-lng > div .gt_float_switcher .gt_options{
    max-width: 300px !important;
    background-color: #fff;
    border: 1px solid rgb(217, 217, 217);
    padding: 5px;
    border-radius: 5px;
    box-shadow: 2px 2px 7px rgba(0,0,0,0.5);
    position: absolute;
    top: 43px;
    right: 0;
    width: 200px;
    transition: all 0s;
    display: block;
  }
  .head-r-lng > div .gt_float_switcher .gt_options.gt-open {
    display: none;
  }

/*--  end header  --*/
/*--  footer  --*/

#footer {
  background-color: rgb(217, 217, 217);
  box-sizing: border-box;
  padding: 20px 0;
}
.foot-logo {
  display: block;
  width: 325px;
  height: 74px;
  margin-bottom: 25px;
  background-image: url('../img/logo.png');
  background-size: cover;
  background-repeat: no-repeat;
}
.foot2 {
  color: rgb(0, 0, 0);
  font-size: 12px;
  min-height: 80px;
  margin-bottom: 20px;
}
.foot2 a {
  color: rgb(0, 0, 0);
}
.foot3 {
  color: rgb(0, 0, 0);
  font-size: 12px;
}
.foot3 a {
  color: rgb(0, 0, 0);
}
.foot3 {
  color: rgb(0, 0, 0);
  font-size: 12px;
  display: table;
  width: 100%;
}
.fot3-l {
  float: left;
}
.fot3-r {
  float: right;
}

/*--  end footer  --*/

/*--  main_menu  --*/
    .main_menu {
      width: 236px;
      float: left;
      box-sizing: border-box;
      height: 100vh;
      padding: 15px 10px 15px 10px;
      border-right: 1px solid rgb(217, 217, 217);
      margin-right: -1px;
    }
    .main_menu-wrapper {
      position: sticky;
      top: 0;
      height: fit-content;
      max-height: 100vh;
      overflow-y: auto;
      align-self: flex-start;
      transition: all 0.3s;
    }
    .header-sticky-active .main_menu-wrapper {
      top: 70px;
    }
    .header-sticky-active .main_menu-wrapper.adm {
      top: 100px;
    }

    .main_menu .container-fluid{
    }
    .main_menu-wrapper {
      overflow: hidden;
    }
    .main_menu-wrapper ul {
        display: block;
    }
    .main_menu-wrapper ul li {
      padding: 0;
      margin: 0;
    }
    .main_menu-wrapper ul li a {
      display: block;
      position: relative;
      font: 14px Inter-SemiBold;
      color: #000000;
      text-decoration: none;
      overflow: hidden;
      border-radius: 8px;
      box-sizing: border-box;
      padding-left: 45px;
      min-height: 40px;
      padding-top: 10px;
      padding-bottom: 13px;
      padding-right: 40px;
    }
    .main_menu-wrapper ul li a::after {
      content: '';
      position: absolute;
      left: -100%;
      bottom: 0;
      height: 100%;
      width: 100%;
      background-color: rgb(255, 141, 40);
      -webkit-transition: left .4s;
      -moz-transition: left .4s;
      -ms-transition: left .4s;
      -o-transition: left .4s;
      transition: left .4s;
      z-index: -1;
    }
    .main_menu-wrapper ul li a i {
      position: absolute;
      width: 45px;
      text-align: center;
      top: 47%;
      transform: translateY(-50%);
      left: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px !important;
    }
    .main_menu-wrapper ul li a i::before {
        display: inline-block;
        vertical-align: middle;
    }
    .main_menu-wrapper ul li.current-menu-item > a:after, .main_menu-wrapper ul li.current-menu-parent > a:after,
    .main_menu-wrapper ul li a:hover:after{
        left: 0;
    }
    .main_menu-wrapper ul li.current-menu-item > a, .main_menu-wrapper ul li.current-menu-parent > a,
    .main_menu-wrapper ul li a:hoverr{
        color: #d90024;
    }
    .main_menu-wrapper .sub-menu {
      overflow: hidden;
      transition: height 0.3s ease;
    }
    .main_menu-wrapper .menu-toggle {
      cursor: pointer;
      margin-left: 5px;
      user-select: none;
      position: absolute;
      right: 0;
      width: 40px;
      height: 100%;
      top: 0;
      text-align: center;
      padding-top: 6px;
      box-sizing: border-box;
      font-size: 20px;
    }
    .main_menu-wrapper ul li ul li:last-child {
      margin-bottom: 5px;
    }
    .main_menu-wrapper ul li ul li:first-child {
      margin-top: 5px;
    }
    .main_menu-wrapper ul li ul li a {
      height: auto;
      padding: 5px 10px;
      margin-left: 35px;
    }
  
/*--  end main_menu  --*/

/*--  slider  --*/
    .slider-block {
        width: 100vw;
    }
    .ms-slide .container-fluid {
        display: flex;
        overflow: visible;
    }
    .ms-slide{
        position: relative;
    }
    .ms-slide img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top center;
        object-position: top center;
        min-height: 569px;
    }
    .mss-info{
        position: absolute;
        padding: 25px;
        bottom: 32px;
        background-color: #fff;
    }
    .textTypeLeft .mss-info{left: 0;}
    .ms-slide .container-fluid.textTypeCenter {justify-content: center;}
    .textTypeRight .mss-info{right: 0;}
    .mssi-title{
        font: 24px NotoSans-Black;
        color: #000000;
        margin-bottom: 18px;
    }
    .mssi-text{
        font: 16px Inter-Regular;
        color: #000000;
        margin-bottom: 16px;
    }
    .mssi-link{

    }
    .mssi-link a{

    }
    /*--//--*/
    .slider-block .slick-dots {
        display: flex;
        justify-content: center;
    }
    .slider-block .slick-dots li button {
        background: none;
        border: none;
        text-indent: -99999px;
        padding: 0;
        width: 56px;
        height: 32px;
        cursor: pointer;
        position: relative;
    }
    .slider-block .slick-dots li button:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 4px;
        left: 0;
        top: calc(50% - 2px);
        background-color: #f1f1f1;
        cursor: pointer;
    }
    .slider-block .slick-dots li.slick-active button:after{
        background-color: #d90024;
    }
/*--  end slider  --*/

.wrapper {
  float: left;
  width: calc(100% - 235px);
  min-height: 550px;
  padding-bottom: 85px;
  padding-left: 30px;
  border-left: 1px solid rgb(217, 217, 217);
  box-sizing: border-box;
  padding-top: 15px;
}


/*--  home  --*/

.home-seach {
  background-image: url(../img/homeimg.jpg);
  height: 260px;
  background-repeat: no-repeat;
  border-radius: 16px;
  background-position: center;
  background-size: cover;
  margin-bottom: 60px;
}

.home-rekl {
  padding-bottom: 75px;
}
.h2 {
  font-family: Inter-Bold;
  font-size: 24px;
  padding-bottom: 20px;
}
body .slider-block {
  width: 1135px;
  overflow: hidden;
}
body .ms-slide {
  background-color: #c0c0c0;
  height: 200px !important;
  border-radius: 16px;
  margin-right: 30px;
  text-align: center;
  background-position: center;
  background-size: cover;
  position: relative;
  opacity: 1;
  transition: all 0.2s;
  overflow: hidden;
}
body .ms-slide:hover {
  opacity: 0.8;
}
body .ms-slide::after {
  border: 3px solid rgb(255, 141, 40);
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  box-sizing: border-box;
  border-radius: 16px;
  transition: all 0.2s;
  opacity: 0;
}
body .ms-slide:hover:after {
  opacity: 1;
}
.slider-block-dop {
  width: calc(100% + 28px);
}
.home-naprvlen {
  margin-bottom: 75px;
}
.main-slider .slick-arrow {
  border: 2px solid rgb(255, 141, 40);
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  z-index: 2;
  border-radius: 15px;
  left: 10px;
  bottom: 10px;
  cursor: pointer;
  color: rgb(255, 141, 40);
  text-align: center;
  box-sizing: border-box;
  padding-top: 6px;
  background-color: #fff;
  opacity: 1;
  transition: opacity 0.2s;
}
.main-slider .slick-arrow:hover {
    opacity: 0.8;
}
.main-slider .slick-next.slick-arrow {
  right: 39px;
  left: auto;
}
.main-slider.main-slider-partner .ms-slide {
  height: 130px !important;
}
body .ms-slide a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
body .ms-slide .txt {
  position: absolute;
  width: 100%;
  background-color: rgba(0,0,0,0.4);
  font-size: 14px;
  padding: 10px;
  text-align: center;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
  text-shadow: 1px 2px 3px rgba(0,0,0,0.7);
  z-index: 1;
  font-family: Inter-Bold;
  color: #fff;
}


/*--  end home  --*/

/*--  category  --*/

h1 {
  font-weight: normal;
  font-family: Inter-Medium;
  font-size: 24px;
  margin-bottom: 5px;
  margin-top: 10px;
}
.breadcrumbs {
  display: table;
  width: 100%;
  margin-bottom: 30px;
}
.breadcrumbs ul {
  display: table;
  width: 100%;
}
.breadcrumbs ul li {
  float: left;
  margin-right: 5px;
  font-size: 12px;
}
.breadcrumbs ul li a {
  color: #000;
}


.page-numbers {
  display: table;
  margin: 0 auto;
}
.page-numbers li {
  float: left;
  margin-right: 15px;
}
.page-numbers li:last-child {
  margin-right: 0;
}
.page-numbers li a {
  border: 2px solid rgb(255, 141, 40);
  border-radius: 15px;
  padding: 10px;
  min-width: 20px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-family: Inter-Regular;
  font-size: 16px;
  background: rgb(255, 141, 40);
  transition: all 0.2s;
}
.page-numbers li span.current, .page-numbers li a:hover {
  border: 2px solid rgb(255, 141, 40);
  border-radius: 15px;
  padding: 10px;
  min-width: 20px;
  text-align: center;
  text-decoration: none;
  color: rgb(255, 141, 40);
  font-family: Inter-Regular;
  font-size: 16px;
  background: rgb(255, 255, 255);
}
.h-s-text {
  height: 100%;
  width: 100%;
  display: table;
  padding: 25px;
  box-sizing: border-box;
}
.h-s-textbl {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 21px;
  color: #fff;
  text-shadow: 1px 2px 3px rgba(0,0,0,0.7);
}
.moment.mmnpf {
  display: table;
  width: 100%;
  font-size: 14px;
  border-bottom: 2px solid rgb(255, 141, 40);
  padding-bottom: 5px;
  box-sizing: border-box;
}
.moment.mmnpf div {
  float: left;
  margin-right: 5px;
}
.moment.mmnpf div:last-child {
  margin-top: -2px;
}



.catalog-events {
  display: table;
  width: 100%;
}
.ce-teaser:nth-child(3n) {
  margin-right: 0;
}
.ce-teaser {
  float: left;
  width: 32%;
  margin-right: 2%;
  border: 2px solid rgb(255, 141, 40);
  box-sizing: border-box;
  border-radius: 15px;
  box-shadow: 2px 2px 5px rgba(255, 141, 40, 0.3);
  text-decoration: none;
  display: block;
  overflow: hidden;
  transition: all 0.6s;
  margin-bottom: 25px;
  opacity: 1;
}
.ce-teaser:hover {
  border: 2px solid #fff;
  box-shadow: 0px 0px 0px rgba(255, 141, 40, 0.3);
  opacity: 0.7;
}
.cet-img {
  display: block;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.cet-info {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 15px 15px;
  height: 180px;
  position: relative;
}
.cet-title {
  color: #000;
  display: block;
  padding-bottom: 10px;
}
.cet-op {
  font-size: 16px;
  display: block;
  margin-bottom: 10px;
  font-family: Inter-Regular;
  color: #000;
  height: 43px;
  overflow: hidden;
}
.cet-price {
  display: block;
  position: absolute;
  bottom: 15px;
  color: #000;
  font-size: 16px;
}
.cet-info .catalog-rating {
  margin-bottom: 10px;
  line-height: 16px;
}


/*--  single  --*/
.itemFullBody-divfirst {
  display: table;
  width: 100%;
  position: relative;
  margin-bottom: 50px;
}
.img-galrlg {
  float: left;
  width: 300px;
  margin-right: 30px;
}
.itemFullBody-divfirst .img-logo {
  float: left;
  width: 300px;
  height: 180px;
  background-position: center;
  background-size: cover;
  box-sizing: border-box;
  overflow: hidden;
  border: 2px solid rgb(255, 141, 40);
  border-radius: 15px;
  margin-bottom: 20px;
}
.osnmoment .moment p {
  font-size: 14px;
  padding-top: 10px;
  display: block;
}
.itemFullBody-divfull {
  display: table;
  width: 100%;
  overflow: hidden;
  margin-bottom: 50px;
  font-size: 16px;
}
.itemFullBody-divfull h2 {
  font-size: 18px;
  padding-bottom: 15px;
}
.itemFullBody-divfull p {
  padding-bottom: 20px;
}
.itemFullBody p img {
  max-width: 100%;
}
.osnmoment {
  float: left;
  width: calc(100% - 600px);
}
.priceitem {
  float: right;
  border: 2px solid rgb(255, 141, 40);
  border-radius: 15px;
  padding: 15px;
  box-sizing: border-box;
  width: 240px;
  font-size: 16px;
}
.div-pricebt {
  height: 40px;
  background-color: rgb(255, 141, 40);
  text-align: center;
  margin-top: 15px;
  border-radius: 15px;
  box-sizing: border-box;
  padding-top: 10px;
  font-size: 14px;
  font-family: Inter-Medium;
  cursor: pointer;
  opacity: 1;
  transition: all 0.2s;
}
.div-pricebt:hover {
  opacity: 0.85;
}
.main-slider-gal .slick-arrow {
  border: 2px solid rgb(255, 141, 40);
  width: 28px;
  height: 40px;
  display: block;
  position: absolute;
  z-index: 2;
  border-radius: 15px;
  left: 8px;
  bottom: 13px;
  cursor: pointer;
  color: rgb(255, 141, 40);
  text-align: center;
  box-sizing: border-box;
  padding-top: 6px;
  background-color: #fff;
  opacity: 1;
  transition: opacity 0.2s;
}
.main-slider-gal .slick-arrow:hover {
    opacity: 0.8;
}
.main-slider-gal .slick-next.slick-arrow {
  right: 15px;
  left: auto;
  width: 28px;
}
.itemFullBody-div-gal{
  position: relative;
  width: 300px;
  overflow: hidden;
  display: block;
}
.main-slider-gal{
  width: calc(100% + 8px);
}
.main-slider-gal .gal-item {
  height: 65px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 8px;
  border-radius: 10px;
}
.main-slider-gal .gal-item a {
  display: block;
  width: 100%;
  height: 100%;
}

.itemFullBody-divreviews {
  border-top: 2px solid rgb(255, 141, 40);
  padding-top: 20px;
}
.comments-title {
  font-size: 18px;
  margin-bottom: 15px;
}
.catalog-rating-single .rtm {
  font-size: 14px;
  font-family: Inter-Bold;
  position: relative;
  top: -2px;
}
.catalog-rating-single {
  line-height: 16px;
}
.comment-body {
  border: 2px solid rgb(255, 141, 40);
  position: relative;
  margin-bottom: 20px;
  border-radius: 15px;
  padding: 15px;
}
.comment-body .comment-header {
  position: relative;
  display: table;
  width: 100%;
  margin-bottom: 15px;
}
.comment-body .comment-header .comment-meta-wrapper {
  position: relative;
  width: 100%;
  display: table;
}
.comment-body .comment-header .comment-meta-wrapper .comment-author-name {
  font-size: 18px;
  font-family: Inter-Bold;
}
.comment-body .comment-header .comment-meta-wrapper .comment-date {
  position: absolute;
  top: 2px;
  right: 0;
  font-size: 14px;
}
.comment-body .comment-content .comment-rating .rtm {
  font-size: 14px;
  font-family: Inter-Bold;
  position: relative;
  top: -2px;
}
.comment-body .comment-content p {
  font-size: 16px;
  line-height: 19px;
}
#custom-login-message {
  background: rgb(255, 141, 40);
  margin: 20px 0;
  text-align: center;
  padding: 20px;
  border-radius: 15px;
}
textarea::placeholder {
    opacity: 0.7;
    color: #000; 
}
#comments #respond {
  margin-bottom: 50px;
  margin-top: 25px;
}
#comments #respond #reply-title {
  margin-bottom: 5px;
}
#comments #respond #commentform .logged-in-as {
  font-size: 14px;
  margin-bottom: 15px;
}
#comments .comment-form-comment {
  border: 2px solid rgb(255, 141, 40);
  border-radius: 15px;
  overflow: hidden;
  display: block;
  margin-bottom: 15px;
}
#comments .comment-form-comment #comment {
  width: 100% !important;
  box-sizing: border-box;
  padding: 15px;
  font-size: 16px;
  line-height: 19px;
  border: none;
}
#comments #submit {
  font-size: 14px;
  border: none;
  background-color: rgb(255, 141, 40);
  height: 40px;
  font-family: Inter-Medium;
  width: 400px;
  border-radius: 8px;
  margin: 0 auto;
  display: block;
  cursor: pointer;
  transition: all 0.3s;
}
#comments #submit:hover {
  background-color: rgba(255, 141, 40, 0.9);
}
.comment-form-rating {
  display: table;
  width: auto;
  margin-bottom: 10px;
}
.comment-form-rating label {
  float: left;
  font-size: 16px;
}
.comment-form-rating .stars-rating label {
  font-size: 29px;
  margin: 0 -3px;
}
.comment-form-rating .stars-rating {
  float: left;
  position: relative;
  margin-top: -8px;
  margin-left: 10px;
}
.comment-navigation {
  display: table;
  width: 100%;
}
.comment-navigation .nav-next {
  float: right;
}
.comment-navigation .nav-previous {
  float: left;
}

.comment-navigation a:hover {
  background-color: rgba(255, 141, 40, 0.9);
}
.comment-navigation a {
  font-size: 14px;
  border: none;
  background-color: rgb(255, 141, 40);
  height: 40px;
  font-family: Inter-Medium;
  width: auto;
  border-radius: 8px;
  margin: 0 auto;
  display: block;
  cursor: pointer;
  transition: all 0.3s;
  color: #000;
  text-decoration: navajowhite;
  padding: 11px 15px;
  box-sizing: border-box;
}

.itemFullBody ul {
  padding-bottom: 20px;
}
.itemFullBody ul li::after {
  content: '';
  width: 8px;
  height: 8px;
  background-color: rgb(255, 141, 40);
  position: absolute;
  left: 8px;
  border-radius: 75px;
  top: 6px;
}
.itemFullBody ul li {
  padding-left: 28px;
  padding-bottom: 5px;
  position: relative;
}
.itemFullBody ol li {
  padding-bottom: 5px;
}
.itemFullBody ol {
  padding-bottom: 20px;
  list-style: decimal;
  padding-left: 28px;
}
.itemFullBody-divfull h3 {
  padding-bottom: 15px;
  font-size: 18px;
}
.itemFullBody-divfull h4 {
  padding-bottom: 15px;
  font-size: 16px;
}
blockquote p {
  padding: 0 !important;
}
blockquote {
  margin-bottom: 20px;
  border: 2px solid rgb(255, 141, 40);
  border-radius: 15px;
  padding: 15px 45px 15px 45px;
  width: auto;
  display: block;
  position: relative;
}
blockquote::after {
  content: "\201D";
  position: absolute;
  bottom: -25px;
  right: 6px;
  font-size: 60px;
  color: rgb(255, 141, 40);
  font-family: Georgia, serif;
  font-weight: bold;
  line-height: 1;
}
blockquote::before {
  content: "\201C";
  position: absolute;
  top: 3px;
  left: 6px;
  font-size: 60px;
  color: rgb(255, 141, 40);
  font-family: Georgia, serif;
  font-weight: bold;
  line-height: 1;
}
.osnmoment .moment ul {
  padding-top: 10px;
}
.osnmoment .moment ul li {
  font-size: 14px;
}

.copytext {
    position: relative;
    border: 2px solid  rgb(255, 141, 40);
    border-radius: 10px;
    margin-bottom: 14px;
    box-sizing: border-box;
    padding: 15px 35px 5px 15px;
    cursor: pointer;
}
.copytext::before {
    content: '';
    position: absolute;
    display: block;
    width: 14px;
    height: 17px;
    border: 2px solid  rgb(255, 141, 40);
    right: 4px;
    bottom: 50%;
    border-radius: 3px;
    margin-bottom: -7px;
}
.copytext::after {
  content: '';
  position: absolute;
  display: block;
  bottom: 50%;
  right: 10px;
  border-left: 2px solid rgb(255, 141, 40);
  border-bottom: 2px solid rgb(255, 141, 40);
  border-radius: 2px;
  width: 13px;
  height: 15px;
  margin-bottom: -10px;
}
.copytext p {
  margin-bottom: 10px;
  padding: 0;
}
.blcpcls {
    position: fixed;
    z-index: 222222;
    left: 0;
    bottom: -10000%;
    background-color: rgb(255, 141, 40);
    width: 100%;
    text-align: center;
    font-family: Inter-Bold;
    color: #fff;
    padding: 18px;
    font-size: 18px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    opacity: 0;
}
.blcpcls.open {
    bottom: 0;
    opacity: 1;
}

/*--  end single  --*/


.formorgdop {
  margin-top: 70px;
}
#formorgdopbt:hover {
  opacity: 0.85;
}
#formorgdopbt {
  height: 50px;
  background-color: rgb(255, 141, 40);
  text-align: center;
  border-radius: 15px;
  box-sizing: border-box;
  padding-top: 15px;
  font-size: 16px;
  font-family: Inter-Medium;
  cursor: pointer;
  opacity: 1;
  transition: all 0.2s;
  max-width: 500px;
  margin: 0 auto;
  position: relative;
}
#formorgdopbt span {
  position: absolute;
  font-size: 31px;
  right: 25px;
  top: 8px;
  line-height: 1;
}
.mnpporg {
  position: fixed;
  top: -10000000%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  display: table;
}
#mnpporgcls {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 141, 40, 0.4);
}
.mnpporgbody {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
  display: table-cell;
  vertical-align: middle;
}
body.open-mnpporg {
  overflow: hidden;
}
.mnpporg.open {
  top: 0;
}
.mnpporgbodydiv {
  position: relative;
  z-index: 1;
    max-width: 600px;
    margin: 20px auto;
    padding: 30px;
    background: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.custom-form .form-group {
    margin-bottom: 20px;
}
.custom-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
}
.custom-form .required {
    color: #d63638;
}
.custom-form input[type="text"],
.custom-form input[type="url"],
.custom-form textarea {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.3s;
    box-sizing: border-box;
}
.custom-form input:focus,
.custom-form textarea:focus {
    outline: none;
    border-color: #2271b1;
}
.custom-form .submit-btn {
  background: rgb(255, 141, 40);
  color: #000;
  padding: 12px 30px;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s;
  font-family: Inter-Medium;
  width: 100%;
}
.custom-form .submit-btn:hover {
  background: rgb(255, 141, 40, 0.86);
}
.custom-form .submit-btn:disabled {
    background: #ccc;
    cursor: not-allowed;
}
.custom-form-message {
    padding: 12px 15px;
    border-radius: 4px;
    margin-top: 15px;
}
.custom-form-message.success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}
.custom-form-message.error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}
#customSubmissionForm h2 {
  font-family: Inter-Bold;
  font-weight: normal;
  font-size: 21px;
}
#mnpporgcls1 {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 34px;
  height: 34px;
  background-color: rgb(255, 141, 40);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  transition: all 0.3s ease;
  border: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#mnpporgcls1:hover {
  background-color: rgba(255, 141, 40, 0.8);
  color: #000;
  transform: rotate(90deg);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/*--  end category  --*/


/*--  block1  --*/


        .containermn {
            max-width: 600px;
            margin: 0 auto;
            background: white;
            border-radius: 20px;
            padding: 40px;
            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
            margin-top: 50px;
        }
        .security-badge {
            display: inline-block;
            background: rgba(255,255,255,0.2);
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 14px;
            margin-top: 10px;
        }

        .card {
            background: white;
            border-radius: 20px;
            padding: 30px;
            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
            animation: slideUp 0.6s;
        }

        .api-selector {
            display: flex;
            gap: 15px;
            margin-bottom: 25px;
            justify-content: center;
            flex-wrap: wrap;
        }

        .radio-btn {
            display: none;
        }

        .radio-label {
            padding: 12px 30px;
            background: #f0f0f0;
            border-radius: 25px;
            cursor: pointer;
            transition: all 0.3s;
            font-weight: 500;
            user-select: none;
        }

        .radio-btn:checked + .radio-label {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
        }

        .search-box {
            display: flex;
            gap: 10px;
            margin-bottom: 25px;
        }

        .search-input {
            flex: 1;
            padding: 15px 20px;
            font-size: 16px;
            border: 2px solid #e0e0e0;
            border-radius: 12px;
            transition: all 0.3s;
            outline: none;
        }

        .search-input:focus {
            border-color: #667eea;
            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
        }

        .search-btn {
            padding: 15px 35px;
            font-size: 16px;
            font-weight: 600;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border: none;
            border-radius: 12px;
            cursor: pointer;
            transition: all 0.3s;
        }

        .search-btn:hover:not(:disabled) {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
        }

        .search-btn:disabled {
            opacity: 0.6;
            cursor: not-allowed;
        }

        .stats {
            display: flex;
            justify-content: space-between;
            padding: 15px 20px;
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            border-radius: 12px;
            margin-bottom: 20px;
            flex-wrap: wrap;
            gap: 10px;
        }

        .stats-item {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .stats-icon {
            font-size: 20px;
        }

        .stats-text {
            font-weight: 600;
            color: #333;
        }

        .results-container {
            max-height: 600px;
            overflow-y: auto;
            padding-right: 10px;
        }

        .results-container::-webkit-scrollbar {
            width: 8px;
        }

        .results-container::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 10px;
        }

        .results-container::-webkit-scrollbar-thumb {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 10px;
        }

        .address-card {
            padding: 20px;
            margin-bottom: 15px;
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            border-radius: 15px;
            border-left: 5px solid #667eea;
            transition: all 0.3s;
            cursor: pointer;
            animation: fadeInLeft 0.5s;
        }

        .address-card:hover {
            transform: translateX(5px);
            box-shadow: 0 5px 20px rgba(102, 126, 234, 0.3);
        }

        .address-main {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            margin-bottom: 8px;
            display: flex;
            align-items: center;
            gap: 10px;
            word-break: break-word;
        }

        .address-sub {
            font-size: 14px;
            color: #666;
            margin-bottom: 5px;
            display: flex;
            align-items: flex-start;
            gap: 8px;
        }

        .address-zip {
            display: inline-block;
            padding: 5px 12px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border-radius: 20px;
            font-size: 13px;
            font-weight: 600;
            margin-top: 8px;
        }

        .loading {
            text-align: center;
            padding: 40px;
            color: #667eea;
            animation: pulse 1.5s infinite;
        }

        .loading-spinner {
            font-size: 48px;
            margin-bottom: 15px;
            animation: spin 1s linear infinite;
        }

        .error {
            padding: 20px;
            background: #fee;
            color: #c33;
            border-radius: 12px;
            border-left: 5px solid #c33;
            animation: shake 0.5s;
        }

        .empty {
            text-align: center;
            padding: 60px 20px;
            color: #999;
        }

        .empty-icon {
            font-size: 64px;
            margin-bottom: 15px;
            opacity: 0.5;
        }

        .pagination {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 25px;
            flex-wrap: wrap;
        }

        .page-btn {
            padding: 10px 18px;
            border: 2px solid #667eea;
            background: white;
            color: #667eea;
            border-radius: 8px;
            cursor: pointer;
            font-weight: 600;
            transition: all 0.3s;
        }

        .page-btn:hover:not(:disabled) {
            background: #667eea;
            color: white;
        }

        .page-btn.active {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border-color: transparent;
        }

        .page-btn:disabled {
            opacity: 0.4;
            cursor: not-allowed;
        }

        .toast {
            position: fixed;
            bottom: 30px;
            right: 30px;
            background: #333;
            color: white;
            padding: 15px 25px;
            border-radius: 10px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.3);
            animation: slideIn 0.3s;
            z-index: 1000;
        }

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        @keyframes slideUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        @keyframes fadeInLeft {
            from { opacity: 0; transform: translateX(-20px); }
            to { opacity: 1; transform: translateX(0); }
        }

        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }

        @keyframes spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        @keyframes shake {
            0%, 100% { transform: translateX(0); }
            25% { transform: translateX(-10px); }
            75% { transform: translateX(10px); }
        }

        @keyframes slideIn {
            from { transform: translateX(100%); }
            to { transform: translateX(0); }
        }

        @media (max-width: 768px) {
            .header h1 {
                font-size: 1.8em;
            }

            .search-box {
                flex-direction: column;
            }

            .stats {
                flex-direction: column;
            }

            .toast {
                bottom: 20px;
                right: 20px;
                left: 20px;
            }
        }



/*--  end block1  --*/

/*--  block1  --*/





/*--  end block1  --*/