
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&amp;family=Playfair+Display:ital,wght@0,400..900;1,400..900&amp;family=Sora:wght@100..800&amp;display=swap');
@import url("../fonts/bootstrap-icons-1.1/font/bootstrap-icons.css");
@import url("bootstrap.min.css");
@import url("../../plugins/jquery_ui/style.css");
@import url("animation.css");
@import url("../../plugins/wow/animate.css");
@import url("../../plugins/swiper/swiper-bundle.min.css");
@import url("../../plugins/swiper/swiper-gl.min.css");
@import url("../../plugins/odometer/odometer-theme-default.css");
@import url("../../plugins/fancybox/jquery.fancybox.css");
@import url("../../plugins/flatpickr/flatpickr.css");
@import url("../../plugins/nice-select/nice-select.css");
@import url("../../plugins/cursor-effect/cursor-effect.css");

@import url("global.css");
@import url("header.css");
@import url("footer.css");
@import url("preloader.css");
@import url("shop.css");
@import url("components.css");
@import url("contact.css");
@import url("blog.css");
@import url("sidebar.css");
@import url("portfolio.css");
@import url("style.css");
@import url("responsive.css");
@import url("light.css");

.news-img-hi{ height: 270px!important; }
.tro-img-siz { height: 130px!important; width: 130px!important; }
.yct{color: #f5c618!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;}
/*=====================Animation Logo=====================*/
.animation-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 40px;
  position: relative;
  background-image: url(../img/kaziriton-logo.svg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
}

.animation-logo .ril-icon{
  position: absolute;
  width: 35px;
  height: 35px;
  background-image: url(../img/ril.svg);
  background-repeat: no-repeat;
  background-size: cover;
  right: 26px; top: 3px;
  z-index: 3;
  animation-name: rotate-center;
  animation-duration: 1.7s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
}

.animation-logo:hover .ril-icon{
  width: 35px;
  height: 35px;
  background-image: url(../img/ril.svg);
  background-repeat: no-repeat;
  background-size: cover;
  right: 26px; top: 3px;
  z-index: 3;
  animation-name: rotate-center;
  animation-duration: 1.7s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  /* shorthand 
  animation: rotate-center 1.7s linear 0s infinite normal none;
  */ 
}
@keyframes rotate-center {
  0%{
    transform: rotate(0);
  }
  100%{
    transform: rotate(360deg);
  }
}

/*======================================
@media (max-width:767.98px) {
.navbar {
    background-color: #191919;
    height: 72px;
  }
.animation-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 30px;
  position: relative;
  background-image: url(../img/kaziriton-logo.svg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
}

.animation-logo .ril-icon{
  position: absolute;
  width: 29px;
  height: 29px;
  background-image: url(../img/ril.svg);
  background-repeat: no-repeat;
  background-size: cover;
  right: 20px;
  z-index: 3;
}

.animation-logo:hover .ril-icon{
  width: 29px;
  height: 29px;
  background-image: url(../img/ril.svg);
  background-repeat: no-repeat;
  background-size: cover;
  right: 20px;
  z-index: 3;
  animation-name: rotate-center;
  animation-duration: 1.7s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  
}
@keyframes rotate-center {
  0%{
    transform: rotate(0);
  }
  100%{
    transform: rotate(360deg);
  }
}

}*/
/*=====================Animation Logo=====================*/
@media (min-width: 1160px) {
    .ponav {
        display: block !important;
    }
}

.ic-imdb{
  background-image: url(../img/imdb.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
}

.social-box ul li a.i-imdb:hover {
  background-image: url(../img/imdb2.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    padding: 0;
    display: block;
}

.social-box ul li a.i-imdb:hover i.ic-imdb {
  background-image: none;
}

.mrg-0{margin-right: 0!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;}

.mr_navmenu{ margin-top: 50px; }