@charset "UTF-8";
* {
  outline: 0;
  box-sizing: border-box;
  border: 0;
  padding: 0;
  margin: 0;
}
:root{
  --main-background: #f5f5f5;
  --main-text-color: #2b2d42;
  --main-color: #1b92ac ;
  --main-color-glass: rgb(27 , 146 , 172 / 10%);
}
body{
  font-family: IRANSans;
  font-size: 13px;
  font-weight: bold;
  line-height: normal;
  background: var(--main-background);
  color: var(--main-text-color);
}
a{
  text-decoration: none;
  transition: all .3s;
}
input,
textarea{
  font-family: IRANSans;
}
@media (min-width: 1400px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1280px;
  }
}
.header{
  background: var(--main-color);
  background-image:url("header.webp");
  display: block;
  height: 100px;
  margin-bottom: 20px;
}
.header .content{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.header .logo{
  max-width: 36px;
  min-width: 36px;
  height: 41px;
  margin-top: 28px;
  margin-left: 20px;
}
.header .logo img{
	width: 100%;
	height: auto;
}
.header .left{
  flex-grow: 1;
}
.header .left .top{
  float: right;
      width: 100%;
      margin-top: 12px;
      padding-bottom: 12px;
      border-bottom: 1px solid rgb(0 0 0 / 7%);
}
.header .left .title{
  float: right;
      margin-left: 30px;
      font-weight: bold;
      font-size: 13px;
      margin-top: 5px;
}
.header .left .title a{
  color: #fff;
}
.header .left .mainMenu{
  float: right;
      margin-top: 3px;
}
.header .left .mainMenu li{
  float: right;
  list-style-type: none;
  margin-left: 35px;
}
.header .left .mainMenu li a{
  color: #fff;
  float: right;
  padding: 2px 6px;
  border-radius: 4px;
}
.header .left .mainMenu li a:hover{
  background: rgb(0 0 0 / 7%);
}
.header .left .mainMenu .menu-item-has-children{
  position: relative;
}
.header .left .mainMenu .menu-item-has-children > a:hover{
}
.header .left .mainMenu .menu-item-has-children > a:before{
  content: "\f107";
  font-family: 'Font Awesome 6 Pro' !important;
  speak: never;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  font-weight: 200;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  font-size: 10px;
  margin-top: 5px;
  padding-right: 7px;
  color: #fff;
}
.header .left .mainMenu .menu-item-has-children .sub-menu{
  position: absolute;
  right: 0;
  width: 180px;
  background: #fff;
  border-radius: 8px;
  top: 100%;
  padding: 10px;
  margin-top: 17px;
  box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all .3s;
}
.header .left .mainMenu .menu-item-has-children .sub-menu:before{
  content: '';
      border-right: 10px solid transparent;
      border-bottom: 7px solid #fff;
      border-left: 10px solid transparent;
      position: absolute;
      right: 18px;
      top: -7px;
      z-index: 1001;
}
.header .left .mainMenu .menu-item-has-children:hover .sub-menu{
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  margin-top: 7px;
}
.header .left .mainMenu .menu-item-has-children .sub-menu li{
margin-bottom: 7px;
margin-left: 0;
width: 100%;
}
.header .left .mainMenu .menu-item-has-children .sub-menu li:last-child{
  margin-bottom: 0;
}
.header .left .mainMenu .menu-item-has-children .sub-menu li a{
color: var(--main-text-color);
}
.header .left .mainMenu .menu-item-has-children .sub-menu li a:hover{
  background: transparent;
  margin-right: 10px;
  opacity: .8;
}
.header .left .search{
  float: left;
      position: relative;
}
.header .left .search input[type="text"]{
  background: rgb(0 0 0 / 7%);
  height: 30px;
  line-height: 30px;
  width: 200px;
  border-radius: 4px;
  padding-right: 7px;
  color: #fff;
  font-size: 12px;
}
.header .left .search input[type="text"]::placeholder{
  color: #fff;
}
.header .left .search button{
  position: absolute;
      left: 0;
      top: 0;
      height: 30px;
      width: 30px;
      background: transparent;
}
.header .left .search button span{
  color: #fff;
  cursor: pointer;
}
.header .left .search .result-ajax{
  position: absolute;
  left: 0;
  top: 100%;
  width: 300px;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all .3s;
  margin-top: 25px;
}
.header .left .search .result-ajax.active{
  margin-top: 15px;
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.header .left .search .result-ajax ul{
  float: right;
  width: 100%;
  background: #fff;
  padding: 10px;
  border-radius: 8px;
  list-style-type: none;
  box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
}
.header .left .search .result-ajax ul li{
  float: right;
  width: 100%;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgb(0 0 0 / 5%);
}
.header .left .search .result-ajax ul li:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}
.header .left .search .result-ajax ul li a{
  font-size: 11px;
  color: var(--main-text-color);
  float: right;
  width: 100%;
}
.header .left .search .result-ajax ul li a:hover{
  color: var(--main-color);
}
.header .left .search .result-ajax ul li a img{
  float: right;
  width: 50px;
  height: auto;
  border-radius: 5px;
  margin-left: 7px;
}
.header .left .search .result-ajax ul li a h3{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header .left .search .result-ajax ul li a .post-date{
  display: block;
  overflow: hidden;
  margin-top: 5px;
  opacity: .7;
}
.header .left .search .result-ajax ul li .loader{
  border: 1px solid #f3f3f3;
  border-top: 1px solid var(--main-color);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: spin 1s linear infinite;
  display: block;
  margin: 0 auto;
}
.header .left .bottom{
  float: right;
  width: 100%;
}
.header .left .tags{
float: right;
margin-top: 13px;
}
.header .left .tags .name{
  float: right;
      margin-left: 30px;
      font-weight: bold;
      font-size: 13px;
      color: #fff;
}
.header .left .tags ul,
.header .left .tags ul li{
  float: right;
  list-style-type: none;
}
.header .left .tags a{
  float: right;
  margin-left: 25px;
  font-size: 12px;
  color: #fff;
}
.header .left .tags a:hover{
  opacity: .8;
}
.header .left .tags a i{
  font-style: normal;
      opacity: .8;
}
.header .left .date{
  float: left;
  color: #fff;
  font-size: 10px;
  margin-top: 14px;
  margin-right: 15px;
}
.header .left .special{
  float: left;
      margin-top: 7px;
}
.header .left .special ul,
.header .left .special ul li{
  list-style-type: none;
  float: left;
}
.header .left .special a{
  float: left;
  margin-right: 10px;
  font-size: 12px;
  background: rgb(0 0 0 / 7%);
  color: #fff;
  padding: 6px 8px;
  border-radius: 4px;
}
.header .left .special a:hover{
  background: rgb(0 0 0 / 14%);
}
.newsticker{
  background: #000;
      display: block;
      height: 35px;
      border-top: 1px solid rgb(0 0 0 / 7%);
      padding-top: 6px;
}
.newsticker .fa-calendar-alt{
  float: right;
      margin-left: 5px;
      color: #fff;
      margin-top: 3px;
}
.newsticker ul{
  display: block;
}
.newsticker ul li{
  display: block;
  list-style-type: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
}
.newsticker ul li a{
  color: #fff;
  font-size: 11px;
}
.newsticker ul li a:hover{
  opacity: .8;
}
.gridNews{
  margin-bottom: 10px;
}
.gridNews .mainSliderHome{
  margin-bottom: 20px;
}
.gridNews .mainSliderHome .item{
  float: right;
  width: 100%;
  position: relative;
}
.gridNews .mainSliderHome .item .cat{
  position: absolute;
      right: 0;
      top: 0;
      background: var(--main-color);
      color: #fff;
      padding: 4px 6px;
      border-radius: 4px;
      right: 15px;
      top: 15px;
      font-size: 12px;
      box-shadow: 0 0 15px -4px var(--main-color);
      z-index: 3;
}
.gridNews .mainSliderHome .item .image{
float: right;
width: 100%;
z-index: 2;
overflow: hidden;
border-radius: 8px;
position: relative;
}
.gridNews .mainSliderHome .item .image img{
  height: auto;
}
.gridNews .mainSliderHome .item .image h2{
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  color: #fff;
  line-height: 2;
  font-size: 17px;
  padding: 15px;
  font-weight: bold;
}
.gridNews .mainSliderHome .item .image .cover{
  position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: transparent;
      background-image: linear-gradient(
  0deg
  , rgb(0 0 0 / 35%) 0%, transparent 100%);
      z-index: 2;
      transition: all .3s;
      opacity: .5;
}
.gridNews .mainSliderHome .item .image:hover .cover{
  opacity: 1;
}
.gridNews .mainSliderHome .owl-nav{
  position: absolute;
  left: 10px;
  top: 15px;
}
.gridNews .mainSliderHome .owl-nav button{
  float: right;
  width: 30px;
  height: 30px;
  background: #fff;
  color: var(--main-color);
  border-radius: 4px;
  margin-left: 5px;
  line-height: 35px;
  transition: all .3s;
}
.gridNews .mainSliderHome .owl-nav button:hover{
  background: var(--main-color);
  color: #fff;
}
.gridNews .card{
  float: right;
      width: 100%;
}
.gridNews .card .image{
  float: right;
  width: 100%;
  margin-bottom: 15px;
}
.gridNews .card .image img{
  width: 100%;
      height: auto;
      border-radius: 8px;
}
.gridNews .card .image h2{
  float: right;
  width: 100%;
  line-height: 2;
  font-size: 14px;
  color: var(--main-text-color);
  font-weight: bold;
  transition: all .3s;
  max-height: 65px;
  overflow: hidden;
}
.gridNews .card .image:hover h2{
color: var(--main-color);
}
.gridNews .card ul{
  float: right;
  width: 100%;
}
.gridNews .card ul li{
  float: right;
  width: 100%;
  margin-bottom: 10px;
  list-style-type: none;
  position: relative;
  padding-right: 15px;
}
.gridNews .card ul li:last-child{
  margin-bottom: 0;
}
.gridNews .card ul li:before{
  content: '';
  width: 6px;
  height: 6px;
  background: var(--main-color);
  position: absolute;
  right: 0;
  top: 5px;
  border-radius: 50px;
}
.gridNews .card ul li a{
  white-space: nowrap;
      float: right;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #7b7d92;
}
.gridNews .card ul li a:hover{
  color: var(--main-color);
}
.sidebar{
  float: right;
      width: 100%;
}
.widget{
  float: right;
      width: 100%;
      background: #fff;
      border-radius: 8px;
      padding: 10px;
      box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
      margin-bottom: 1.5rem;
      border-bottom: 2px solid #ccc;
}
.widget .title{
  float: right;
  width: 100%;
  margin-bottom: 15px;
}
.widget .title h3{
  position: relative;
  font-weight: bold;
  font-size: 14px;
  padding-right: 12px;
}
.widget .title h3:before{
  content: '';
  width: 4px;
  height: 15px;
  position: absolute;
  right: 0;
  top: 2px;
  background: var(--main-color);
  border-radius: 3px;
}
.widget .content{
  float: right;
  width: 100%;
}
.widget .content .image,
.footer .widget .content .image{
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.widget.newsText .content ul,
.footer .widget.newsText .content ul{
  float: right;
      width: 100%;
      padding-right: 15px;
}
.widget.newsText .content ul li,
.footer .widget.newsText .content ul li{
  float: right;
      width: 100%;
      margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
}
.widget.newsText .content ul li:last-child,
.footer .widget.newsText .content ul li:last-child{
  margin-bottom: 0;
}
.widget.newsText .content ul li::marker,
.footer .widget.newsText .content ul li::marker{
    color: var(--main-color);
}
.widget.newsText .content ul li a,
.footer .widget.newsText .content ul li a{
    color: var(--main-text-color);
    line-height: 1.8;
    font-size: 14px;
    font-weight: 400;	  
}
.widget.newsText .content ul li a:hover,
.footer .widget.newsText .content ul li a:hover{
  color: var(--main-color);
}
.widget.views .content ul,
.footer .widget.views .content ul{
  float: right;
      width: 100%;
      padding-right: 0;
}
.widget.views .content ul li,
.footer .widget.views .content ul li{
  float: right;
      width: 100%;
      margin-bottom: 10px;
      list-style-type: none;
}
.widget.views .content ul li:last-child,
.footer .widget.views .content ul li:last-child{
  margin-bottom: 0;
}
.widget.views .content ul li a,
.footer .widget.views .content ul li a{
  float: right;
      width: 100%;
      color: var(--main-text-color);
      line-height: 1.8;
      font-size: 13px;
	  font-weight:400;
}
.widget.views .content ul li a:hover,
.footer .widget.views .content ul li a:hover{
  color: var(--main-color);

}
.widget.views .content ul li i,
.footer .widget.views .content ul li i{
  float: right;
      width: 14px;
      height: 14px;
      border-radius: 3px;
      line-height: 0;
      padding-top: 8px;
      background: var(--main-color-glass);
      color: var(--main-color);
      font-size: 10px;
      text-align: center;
      font-style: normal;
      margin-top: 4px;
      margin-left: 5px;
}
.widget.pictureNews .container,
.footer .widget.pictureNews .container{
padding: 0 .5rem;
}
.widget.pictureNews .container .row{

}
.widget.pictureNews .container .col-6{

}
.widget.pictureNews .item,
.footer .widget.pictureNews .item{
  float: right;
      width: 100%;
      margin-bottom: 10px;
}
.widget.pictureNews .item img,
.footer .widget.pictureNews .item img{
  width: 100%;
  border-radius: 8px;
  height: auto;
}
.widget.pictureNews .item h3,
.footer .widget.pictureNews .item h3{
  font-weight: bold;
  font-size: 12px;
  color: var(--main-text-color);
  margin-bottom: 6px;
  line-height: 1.8;
  transition: all .3s;
  float: right;
  max-height: 65px;
  overflow: hidden;
}
.widget.pictureNews .item:hover h3,
.footer .widget.pictureNews .item:hover h3{
  color: var(--main-color);

}
.widget.pictureNews2 ul,
.footer .widget.pictureNews2 ul{
float: right;
width: 100%;
padding-right: 0;
}
.widget.pictureNews2 ul li,
.footer .widget.pictureNews2 ul li{
  float: right;
  width: 100%;
  list-style-type: none;
  margin-bottom: 10px;
}
.widget.pictureNews2 ul li:last-child,
.footer .widget.pictureNews2 ul li:last-child{
  margin-bottom: 0;
}
.widget.pictureNews2 ul li a,
.footer .widget.pictureNews2 ul li a{
  float: right;
  width: 100%;
  
}
.widget.pictureNews2 ul li a img,
.footer .widget.pictureNews2 ul li a img{
  float: right;
      margin-left: 10px;
      width: 75px;
      height: auto;
      border-radius: 8px;
}
.widget.pictureNews2 ul li a h3,
.footer .widget.pictureNews2 ul li a h3{
  font-weight: 500;
  font-size: 13px;
  color: var(--main-text-color);
  line-height: 1.8;
  transition: all .3s;
  overflow: hidden;
  display: block;
  max-height: 42px;
  white-space: nowrap;
text-overflow: ellipsis;
}
.widget.pictureNews2 ul li a:hover h3,
.footer .widget.pictureNews2 ul li a:hover h3{
  color: var(--main-color);
}
.widget.pictureNews2 ul li a .date{
  overflow: hidden;
  display: block;
  margin-top: 5px;
font-size: 10px;
opacity: 0.6;
    color: var(--main-text-color);
}
.widget.pictureNews2 ul li a .date i{
  float: right;
    margin-left: 4px;
    font-size: 13px;
}
.newsClassic{
  float: right;
      width: 100%;
      background: #fff;
      border-radius: 8px;
      padding: 10px;
      box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
      margin-bottom: 1.5rem;
      display: flex;
}
.newsClassic .thumbnail{
  float: right;

      margin-left: 10px;
}
.newsClassic .thumbnail img{
  width: 160px;
  height: auto;
  border-radius: 8px;
  max-width: none;
}
.newsClassic .content{
  flex-grow: 1;
      float: right;
      width: 100%;
}
.newsClassic .content h3{
  font-weight:500;
      font-size: 14px;
      color: var(--main-text-color);
      margin-bottom: 6px;
      line-height: 1.8;
      transition: all .3s;
      float: right;
}
.newsClassic .content h3:hover{
  color: var(--main-color);

}
.newsClassic .content .summary{
  float: right;
      width: 100%;
      margin-bottom: 7px;
      font-size: 12px;
      line-height: 1.7;
      opacity: .7;
}
.newsClassic .content .date{
  float: right;
      font-size: 14px;
      opacity: 0.6;
}
.newsClassic .content .date i{
  float: right;
      margin-left: 4px;
      font-size: 13px;
}
.newsClassic .content .more{
  float: left;
  font-size: 12px;
   color: #fff;
   background: var(--main-color);
	padding: 5px;
    padding-right: 15px;
	padding-left: 15px;
	border-radius: .7em;
	box-shadow: 0 7px 6px -6px var(--main-color);
}
.newsClassic .content .more:hover{
  box-shadow: none;
}
.newsModern,
.newsModernType2{
  float: right;
      width: 100%;
      background: #fff;
      border-radius: 8px;
      padding: 10px;
      box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
      margin-bottom: 1.5rem;
}
.newsModern .title,
.newsModernType2 .title{
  float: right;
      width: 100%;
      margin-bottom: 15px;
}
.newsModern .title h3,
.newsModernType2 .title h3{
  font-weight: bold;
  font-size: 14px;
  float: right;
  position: relative;
  padding-right: 12px;
}
.newsModern .title h3:before,
.newsModernType2 .title h3:before{
  content: '';
      width: 4px;
      height: 15px;
      position: absolute;
      right: 0;
      top: 2px;
      background: var(--main-color);
      border-radius: 3px;
}
.newsModern .title .moreArchive,
.newsModernType2 .title .moreArchive{
  float: left;
  font-size: 11px;
  color: var(--main-color);
}
.newsModern .title .moreArchive:hover,
.newsModernType2 .title .moreArchive:hover{
  color: var(--main-text-color);
}
.newsModern .content,
.newsModernType2 .content{
  float: right;
      width: 100%;
}
.newsModern .content .main{
  float: right;
      width: 100%;
      display: flex;
}
.newsModern .content .main .thumbnail{
  float: right;
  width: 50%;
  margin-left: 10px;
}
.newsModern .content .main .thumbnail img{
  width: 100%;
      height: auto;
      border-radius: 8px;
}
.newsModern .content .main .cont{
  float: right;
      width: 50%;
}
.newsModern .content .main .cont .heading{
  float: right;
  margin-bottom: 10px;
}
.newsModern .content .main .cont .heading h3{
  font-weight: bold;
  font-size: 14px;
  color: var(--main-text-color);
  line-height: 1.8;
  transition: all .3s;
  float: right;
}
.newsModern .content .main .cont .heading h3:hover{
  color: var(--main-color);
}
.newsModern .content .main .cont .summary{
  float: right;
  width: 100%;
  margin-bottom: 7px;
  font-size: 12px;
  line-height: 1.7;
  opacity: .7;
  max-height: 80px;
  overflow: hidden;
}
.newsModern .content .main .cont .date,
.newsModern .content .secondary .date{
  float: right;
      font-size: 10px;
      opacity: 0.6;
      margin-top: 5px;
      color: var(--main-text-color);
}
.newsModern .content .main .cont .date i,
.newsModern .content .secondary .date i{
  float: right;
      margin-left: 4px;
      font-size: 13px;
}
.newsModern .content .secondary{
  float: right;
  width: 100%;
  margin-top: 15px;
}
.newsModern .content .secondary li{
  float: right;
  width: 100%;
  list-style-type: none;
  margin-bottom: 15px;
}
.newsModern .content .secondary li:last-child{
  margin-bottom: 0;
}
.newsModern .content .secondary li a{
  float: right;
      width: 100%;
}
.newsModern .content .secondary li a img{
  width: 105px;
  border-radius: 8px;
  height: auto;
  float: right;
  margin-left: 10px;
}
.newsModern .content .secondary .txt{
  display: block;
  overflow: hidden;
}
.newsModern .content .secondary li a h3{
  display: block;
  overflow: hidden;
  font-weight: bold;
  font-size: 14px;
  color: var(--main-text-color);
  line-height: 1.8;
  transition: all .3s;
}
.newsModern .content .secondary li a:hover h3{
  color: var(--main-color);

}
.newsModern .content .secondary li a p{
  color: var(--main-text-color);
      font-size: 12px;
      line-height: 1.7;
      overflow: hidden;
      display: block;
      opacity: .7;
      white-space: nowrap;
    text-overflow: ellipsis;
}
.newsModernType2 .content .main{
  float: right;
  width: 100%;
  margin-bottom: 15px;
}
.newsModernType2 .content .main .thumbnail{
  float: right;
  width: 100%;
  margin-bottom: 10px;
}
.newsModernType2 .content .main .thumbnail img{
  width: 100%;
      height: auto;
      border-radius: 8px;
}
.newsModernType2 .content .main .cont{
  float: right;
  width: 100%;
}
.newsModernType2 .content .main .cont .heading{
  float: right;
      width: 100%;
      margin-bottom: 10px;
}
.newsModernType2 .content .main .cont .heading h3{
  font-weight: bold;
      font-size: 14px;
      color: var(--main-text-color);
      line-height: 1.8;
      transition: all .3s;
      float: right;
}
.newsModernType2 .content .main .cont .heading h3:hover{
  color: var(--main-color);

}
.newsModernType2 .content .main .cont .summary{
  float: right;
      width: 100%;
      margin-bottom: 7px;
      font-size: 12px;
      line-height: 1.7;
      opacity: .7;
}
.newsModernType2 .content .main .cont .date{
  float: right;
      font-size: 10px;
      opacity: 0.6;
      margin-top: 5px;
}
.newsModernType2 .content .main .cont .date i{
  float: right;
  margin-left: 4px;
  font-size: 13px;
}
.newsModernType2 .content ul{
  float: right;
      width: 100%;
      padding-right: 15px;
}
.newsModernType2 .content ul{
padding:0;
}
.newsModernType2 .content ul li{
  float: right;
      width: 100%;
      margin-bottom: 10px;
	  list-style:none;
	  position:relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	padding-right: 16px;
}
.newsModernType2 .content ul li:last-child{
  margin-bottom: 0;
}
.newsModernType2 .content ul li::after{
    color: var(--main-color);
    content: "●";
    position: absolute;
        right:0;

	
}
.newsModernType2 .content ul li a{
  color: var(--main-text-color);
      line-height: 1.8;
    font-size: 13px;
    font-weight: 410;
}
.newsModernType2 .content ul li a:hover{
  color: var(--main-color);
}
.videos-news{
  float: right;
  width: 100%;
  background: #111;
  border-radius: 8px;
  padding: 1.5rem;
  box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
  margin-bottom: 1.5rem;
}
.big-news-video{
  float: right;
  width: 100%;
}
.big-news-video a{
  float: right;
  width: 100%;
  position: relative;
}
.big-news-video a:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 40%);
  z-index: 1;
}
.big-news-video a img{
  width: 100%;
  height: auto;
  display: block;
}
.big-news-video a h4{
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  z-index: 2;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 20px;
  width: 100%;
font-weight: bold;
}
.big-news-video a .fa-play{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 2;
  font-size: 6rem;
  transition: all .3s;
}
.big-news-video a:hover .fa-play{
  font-size: 7rem;
}
.small-news-video{
  float: right;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  height: 100%;
  list-style-type: none;
}
.small-news-video li{
  float: right;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgb(255 255 255 / 5%);
}
.small-news-video li:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}
.small-news-video a{
  float: right;
  width: 100%;
}
.small-news-video a img{
  float: right;
  margin-left: 10px;
  width: 100px;
  height: auto;
}
.small-news-video a h4{
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  transition: color .3s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.small-news-video a:hover h4{
color: #ddd;
}
.small-news-video a p{
  display: block;
  overflow: hidden;
  color: #888;
  line-height: 1.7;
  max-height: 60px;
  font-size: 12px;
}
.footer{
  background: #fff;
      box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
      padding: 30px 0 0;
}
.footer .widget{
  float: right;
  width: 100%;
  margin-bottom: 1.5rem;
  background: transparent;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  border-bottom: none;
}
.footer .widget .title{
  float: right;
  width: 100%;
  margin-bottom: 15px;
}
.footer .widget .title h4{
  position: relative;
  font-weight: bold;
  font-size: 14px;
  padding-right: 12px;
}
.footer .widget .title h4:before{
  content: '';
      width: 4px;
      height: 15px;
      position: absolute;
      right: 0;
      top: 2px;
      background: var(--main-color);
      border-radius: 3px;
}
.footer .widget .content{
  float: right;
  width: 100%;
}
.footer .widget.aboutus img{
  display: block;
      margin: 0 auto;
      margin-bottom: 15px;
}
.footer .widget.aboutus p{
  display: block;
      text-align: center;
      font-size: 12px;
      line-height: 1.8;
}
.footer .widget.aboutus h5{
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}
.footer .widget.aboutus p a{
  color: #a3a5bd;
}
.footer .widget.aboutus p a:hover{
  color: var(--main-color);
}
.footer .widget .content ul{
  float: right;
      width: 100%;
      padding-right: 15px;
}
.footer .widget .content ul li{
  float: right;
      width: 100%;
      margin-bottom: 10px;
}
.footer .widget .content ul li::marker{
    color: var(--main-color);
}
.footer .widget .content ul li:last-child{
  margin-bottom: 0;

}
.footer .widget .content ul li a{
  color: var(--main-text-color);
      line-height: 1.8;
      font-size: 12px;
}
.footer .widget .content ul li a:hover{
  color: var(--main-color);

}
.copyright{
  height: 50px;
  background: var(--main-color);
  color: #fff;
}
.copyright p{
  float: right;
  font-size: 12px;
  margin-top: 16px;
}
.copyright .RozBlog{
  float: left;
      margin-right: 10px;
      font-size: 12px;
      background: rgb(0 0 0 / 7%);
      color: #fff;
      padding: 7px 12px;
      border-radius: 4px;
      margin-top: 11px;
}
.copyright .RozBlog:hover{
  background: rgb(0 0 0 / 14%);

}
.menuMobile{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1005;
  display: none;
}
.menuMobile ul,
.menuMobile ul li{
	list-style-type: none;
}
.menuMobile > ul{
	position: absolute;
		right: -100%;
		top: 0;
		z-index: 2;
		background: var(--main-color);
		width: 300px;
		height: calc(100vh);
		padding: 10px;
}
.menuMobile > ul li{
	float: right;
width: 100%;
margin-bottom: 10px;
}
.menuMobile > ul li:last-child{
	margin-bottom: 0;
}
.menuMobile > ul li a{
	color: #fff;
font-size: 12px;
display: block;
	background: rgb(0 0 0 / 5%);
padding: 8px 7px;
border-radius: 6px;
}
.menuMobile > ul li a:hover{
	background: rgb(0 0 0 / 10%);
}
.menuMobile > ul li.menu-item-has-children{
	display: flex;
	flex-wrap: wrap;
}
.menuMobile > ul li.menu-item-has-children > a{
order: 1;
flex: 1 1 auto;
}
.menuMobile > ul li.menu-item-has-children > ul{
order: 3;
flex: 1 1 auto;
width: 100%;
padding: 10px 20px 0 0;
}
.menuMobile > ul li.menu-item-has-children > .arrow{
content: "\f107";
font-family: 'Font Awesome 6 Pro' !important;
speak: never;
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
order: 2;
color: #fff;
font-size: 12px;
display: block;
background: rgb(0 0 0 / 5%);
padding: 8px 7px;
border-radius: 6px;
width: 32px;
height: 32px;
text-align: center;
line-height: 16px;
margin-right: 10px;
flex: 0 1 auto;
}
.menuMobile > ul li.menu-item-has-children.active > .arrow{
	background: rgb(0 0 0 / 15%);
}
.menuMobile > ul li.menu-item-has-children > .arrow:before{
	content: "\f107";
	font-family: 'Font Awesome 6 Pro' !important;
}
.menuMobile > ul li.menu-item-has-children.active > .arrow:before{
	content: "\f00d";
font-family: 'Font Awesome 6 Pro' !important;
}
.menuMobile > ul li ul {
	display: none;
	transition: none;
}
.menuMobile .shadow{
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .3;
  z-index: 1;
}
.btnMenuMobile{
  float: right;
      color: #fff;
      font-size: 16px;
      margin-top: 7px;
      cursor: pointer;
      display: none;
}
.btnTagsMobile{
  float: right;
    color: #fff;
    font-size: 16px;
    position: relative;
    display: none;
}
.btnTagsMobile .cont{
  position: absolute;
      right: 100%;
      background: #fff;
      border-radius: 8px;
      margin-right: 15px;
      top: -12px;
      padding: 10px;
      box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
      z-index: 1000;
      transition: all .3s;
      width: 125px;
      pointer-events: none;
      visibility: hidden;
      opacity: 0;
}
.btnTagsMobile:hover .cont,
.header .left .tags .name:hover ~ .btnTagsMobile .cont{
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  margin-right: 5px;
}
.btnTagsMobile .cont:before{
  content: '';
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-left: 5px solid #fff;
  position: absolute;
  right: -10px;
  top: 15px;
  z-index: 1001;
}
.btnTagsMobile .cont ul,
.btnTagsMobile .cont ul li{
  float: right;
  list-style-type: none;
}
.btnTagsMobile .cont ul li{
  margin-bottom: 10px;
  width: 100%;
}
.btnTagsMobile .cont ul li:last-child{
  margin-bottom: 0;
}
.btnTagsMobile .cont a{
  color: var(--main-text-color)!important;
  font-family: 'IRANSans';
  margin: 0 0 0!important;
  width: 100%;
  font-weight: bold;
  display: block!important;
}
.btnTagsMobile .cont a i{

}
.btnTagsMobile .cont a:hover{
  color: var(--main-color)!important;
}
.singlePost{
  float: right;
      width: 100%;
}
.singlePost .breadcrumbs{
  float: right;
      width: 100%;
      background: #fff;
      border-radius: 8px;
      padding: 10px;
      box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
      margin-bottom: 1.5rem;
}
.singlePost .breadcrumbs .fa-map-location{
  float: right;
      font-size: 15px;
      margin-left: 5px;
}
.singlePost .breadcrumbs a{
  font-size: 11px;
  color: #9899a9;
}
.singlePost .breadcrumbs a:hover{
  color: var(--main-color);
}
.singlePost .breadcrumbs .breadcrumb_last{
  font-size: 11px;
      color: #9899a9;
}
.singlePost .breadcrumbs .fa-arrow-left{
  display: inline-block;
      font-size: 8px;
      opacity: .5;
      margin: 0 4px;
}
.singlePost-post{
	direction: rtl;
  float: right;
      width: 100%;
      background: #fff;
      border-radius: 8px;
      padding: 10px;
      box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
      margin-bottom: 1.5rem;
}
.singlePost-post .title{
  float: right;
  width: 100%;
  margin-bottom: 20px;
}
.singlePost-post .title h1{
  float: right;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.8;
}
.singlePost-post .title ul{
  float: right;
  width: 100%;
}
.singlePost-post .title ul li{
  list-style-type: none;
  float: right;
  margin-left: 15px;
  color: #9899a9;
  font-size: 11px;
}
.singlePost-post .title ul li a{
  color: #9899a9;
}
.singlePost-post .title ul li a:hover{
  color: var(--main-color);
}
.singlePost-post .content{
  float: right;
  width: 100%;
  line-height: 2;
}
.singlePost-post .content p{
  margin-bottom: 15px;
}
.singlePost-post .content .thumbnail{
  width: 300px;
      height: auto;
      float: left;
      border-radius: 8px;
      margin-right: 15px;
      margin-bottom: 15px;
}
.singlePost-post .content .tags{
  display: block;
  margin-top: 20px;
}
.singlePost-post .content .tags a{
  display: inline-block;
      margin-left: 15px;
      font-size: 11px;
      color: #9899a9;
}
.singlePost-post .content .tags a i{
  font-style: normal;
  margin-left: 2px;
}
.singlePost-post .content .tags a:hover{
  color: var(--main-color);
}
.singlePost-post .content blockquote{
  background: rgb(0 0 0 / 5%);
  padding: 10px;
  border-radius: 8px;
  margin: 10px 0;
}
.singlePost-post .content ul,
.singlePost-post .content ol{
  padding-right: 30px;
}
.singlePost-post .content ul li::marker,
.singlePost-post .content ol li::marker{
  color: var(--main-color);
}
.singlePost-post .content a{
  color: var(--main-color);
}
.singlePost-post .content a:hover{
  color: var(--main-text-color);
}
.singlePost-post .content table{
  width: 100%;
  border-collapse: collapse;
}
.singlePost-post .content table td,
.singlePost-post .content table th{
  border: 1px solid #eee;
      padding: 6px;
}
.singlePost-post .content table th{
  font-weight: bold;
}
.singlePost-post .content .alignright{
  float: right;
  margin-left: 10px;
}
.singlePost-post .content .alignleft{
  float: left;
  margin-right: 10px;
}
.singlePost-post .content .aligncenter,
.singlePost-post .content .alignnone{
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}
.singlePost-post .content img{
  max-width: 100%;
  height: auto;
}
.singlePost-post .content .wp-video{
  margin: 0 auto;
}
.singlePost .share{
  float: right;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
  margin-bottom: 1.5rem;
}
.singlePost .share ul{
  float: right;
}
.singlePost ul.share2 li{
  list-style-type: none;
      float: right;
      margin-left: 15px;
      font-size: 12px;
}
.singlePost .share ul li a{
  color: #9899a9;
      font-size: 12px;
}
.singlePost .share ul li a:hover{
  color: var(--main-color);
}
.singlePost .share .like{
  float: left;
  color: var(--main-color);
  font-size: 11px;
}
.singlePost .share .like .fa-heart{
  float: right;
  margin-left: 5px;
  font-size: 15px;
  margin-top: 1px;
}
.singlePost .commentPost{
  float: right;
      width: 100%;
      background: #fff;
      border-radius: 8px;
      padding: 10px;
      box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
      margin-bottom: 1.5rem;
}
.comments-area,
.commentlist,
.comment-respond{
  float: right;
      width: 100%;
}
.commentlist .reply {
  float: right;
}
.commentlist .reply a {
  float: right;
      font-size: 12px;
      color: #9899a9;
      margin: 5px 0;
}
.commentlist .reply a:hover{
  color: var(--main-color);
}
.commentlist .alt {}
.commentlist .odd {}
.commentlist .even {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}

.commentlist .vcard {
  float: right;
      width: 100%;
      margin-bottom: 10px;
}
.commentlist .vcard cite.fn {
  display: block;
  overflow: hidden;
  font-style: normal;
  color: var(--main-text-color);
  padding: 3px 0;
  font-weight: bold;
}
.commentlist .vcard span.says {}
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar {
  float: right;
  margin-left: 5px;
  border-radius: 50px;
}
.commentlist .vcard cite.fn a.url {
  color: var(--main-text-color);
}
.commentlist .vcard cite.fn a.url:hover {
  color: var(--main-color);
}

.commentlist .comment-meta {
  display: block;
      overflow: hidden;
}
.commentlist .comment-meta a {
  color: #9899a9;
  font-size: 10px;
  float: right;
  margin-left: 10px;
}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}

.commentlist .parent {}
.commentlist .comment {}
.commentlist .children {
  float: right;
      width: 100%;
      margin-top: 15px;
      border-right: 2px solid #9899a9;
      padding-right: 15px;
}
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}

.commentlist {}
.commentlist li {
  list-style-type: none;
  float: right;
  width: 100%;
  margin-bottom: 15px;
}
.commentlist li p {}
.commentlist li ul {}
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-{id} {}
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}
.commentlist li:last-child{
  margin: 0;
}
.commentlist .comment-body{
  float: right;
  width: 100%;
}
.commentlist .comment-text{
  float: right;
      width: 100%;
      line-height: 1.8;
      font-size: 12px;
}
.commentlist .comment-text a{
  color: var(--main-color);
}
#cancel-comment-reply-link {
  color: var(--main-color);
}
#cancel-comment-reply-link:hover {
  color: var(--main-text-color);

}
.comment-reply-title{
  float: right;
  width: 100%;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 13px;
}
.comment-reply-title small{
  display: inline-block;
  margin-right: 5px;
}
.comment-form{
  float: right;
      width: 100%;
}
.comment-respond{
  margin-top: 15px;
}
.comment-notes{
  float: right;
      width: 100%;
      font-size: 11px;
      line-height: 1.8;
      color: #9899a9;
}
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-cookies-consent{
  float: right;
      width: 100%;
      margin-bottom: 10px;
}
.comment-form label{
  float: right;
  width: 100%;
  padding: 5px;
  font-size: 12px;
}
.comment-form textarea{
  float: right;
  width: 100%!important;
  background: rgb(0 0 0 / 3%);
  border-radius: 8px;
  line-height: 1.8;
  padding: 8px 10px;
  color: var(--main-text-color);
  font-size: 12px;
  max-height: 120px;
}
.comment-form input[type="text"]{
  float: right;
      background: rgb(0 0 0 / 3%);
      border-radius: 8px;
      padding: 8px 10px;
      color: var(--main-text-color);
      font-size: 12px;
}
.comment-form-cookies-consent label{
  width: auto;
  font-size: 11px;
}
.comment-form-cookies-consent input{
  float: right;
      margin-top: 7px;
      margin-left: 2px;
}
.form-submit{
  float: right;
  width: 100%;
}
.form-submit .submit{
  float: right;
      background: var(--main-color-glass);
      color: var(--main-color);
      padding: 5px 8px;
      border-radius: 5px;
      margin-top: 10px;
      cursor: pointer;
	  line-height: normal;
}
.commentlist .sl-wrapper{
  float: left;
}
.commentlist .sl-wrapper i{
  float: left;
  font-size: 16px;
  color: var(--main-color);
}
.commentlist .sl-wrapper .sl-count{
  line-height: 1;
  float: right;
  margin-left: 4px;
  font-size: 12px;
  color: #9899a9;
  margin-top: 2px;
}
.sl-wrapper #sl-loader {
  display: none;
  border: 1px solid #f3f3f3;
  border-top: 1px solid var(--main-color);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  animation: spin 1s linear infinite;
  float: left;
}
.sl-wrapper #sl-loader.active {
  display: block;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.singlePost .share .like .sl-wrapper{
  float: right;
}
.singlePost .share .like .sl-wrapper i{
  float: left;
  color: var(--main-color);
}
.singlePost .share .like .sl-wrapper .sl-count{
  float: right;
      margin-left: 2px;
      color: var(--main-color);
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated{
  padding: 0!important;
}
.wp-pagenavi{
  float: right;
      width: 100%;
      background: #fff;
      border-radius: 8px;
      padding: 10px;
      box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
      margin-bottom: 1.5rem;
}
.wp-pagenavi a,
.wp-pagenavi span{
  float: right;
  border: 0;
  margin: 0;
  margin-left: 8px;
  padding: 4px 10px;
  line-height: 21px;
  height: 26px;
  font-size: 12px;
  border-radius: 5px;
  color: var(--main-text-color);
  background: rgb(0 0 0 / 3%);
  font-weight: 400!important;
}
.wp-pagenavi a:hover,
.wp-pagenavi .current{
  background: var(--main-color);
  color: #fff;
}
.tagcloud a {
    display: inline-block;
    margin: 0 4px;
    color: var(--main-text-color);
    font-size: 12px!important;
    line-height: 2;
}
.tagcloud a:hover{
  color: var(--main-color);
}
.related{
  float: right;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
  margin-bottom: 1.5rem;
}
.related .title{
  float: right;
  width: 100%;
  margin-bottom: 15px;
}
.related .title h3{
  position: relative;
  font-weight: bold;
  font-size: 14px;
  padding-right: 12px;
}
.related .title h3:before{
  content: '';
      width: 4px;
      height: 15px;
      position: absolute;
      right: 0;
      top: 2px;
      background: var(--main-color);
      border-radius: 3px;
}
.related .content{
  float: right;
  width: 100%;
}
.related .content ul{
  float: right;
  width: 100%;
}
.related .content li{
  float: right;
  width: 100%;
  margin-bottom: 10px;
  list-style-type: none;
}
.related .content li:last-child{
  margin-bottom: 0;
}
.related .content li a{
  float: right;
      width: 100%;
      color: var(--main-text-color);
      line-height: 1.8;
      font-size: 13px;
}
.related .content li a i{
  float: right;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  line-height: 0;
  padding-top: 8px;
  background: var(--main-color-glass);
  color: var(--main-color);
  font-size: 10px;
  text-align: center;
  font-style: normal;
  margin-top: 4px;
  margin-left: 5px;
}
.related .content li a:hover{
  color: var(--main-color);

}
.container .vc_column_container>.vc_column-inner{
  padding-left: calc(var(--bs-gutter-x) * .5);
  padding-right: calc(var(--bs-gutter-x) * .5);
}
.container .vc_row{
  margin-left: calc(var(--bs-gutter-x) * -.5);
  margin-right: calc(var(--bs-gutter-x) * -.5);
}
.vc_col-lg-1, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12, .vc_col-lg-2, .vc_col-lg-3, .vc_col-lg-4, .vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8, .vc_col-lg-9, .vc_col-md-1, .vc_col-md-10, .vc_col-md-11, .vc_col-md-12, .vc_col-md-2, .vc_col-md-3, .vc_col-md-4, .vc_col-md-5, .vc_col-md-6, .vc_col-md-7, .vc_col-md-8, .vc_col-md-9, .vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9, .vc_col-xs-1, .vc_col-xs-10, .vc_col-xs-11, .vc_col-xs-12, .vc_col-xs-2, .vc_col-xs-3, .vc_col-xs-4, .vc_col-xs-5, .vc_col-xs-6, .vc_col-xs-7, .vc_col-xs-8, .vc_col-xs-9{
  float: right!important;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{
  margin-bottom: var(--bs-gutter-x)!important;
}
.aligncenter{
  display: block;
  margin: 0 auto;
}
.alignright{
  float: right;
  margin-left: 10px;
}
.alignleft{
  float: left;
  margin-right: 10px;
}
.term-description{
  display: block;
  line-height: 2em;
}
.wpcf7 label{

}
.wpcf7 input,
.wpcf7 textarea{
  background: rgb(43 45 66 / 10%);
  border-radius: 8px;
  padding: 8px;
  color: #2b2d42;
  max-width: 100%;
}
.wpcf7 input:hover,
.wpcf7 textarea:hover,
.wpcf7 input:focus,
.wpcf7 textarea:focus{

}
.wpcf7 input[type="submit"]{
  background: var(--main-color);
  color: #fff;
  cursor: pointer;
}
.wpcf7 input[type="submit"]:hover{
  opacity: .7;
}
.comment-form-author, .comment-form-email{
	width: 50%;
}
.archive-title{
    float: right;
    width: 100%;
    margin-bottom: 15px;
}
.archive-title h2{
    display: block;
    font-size: 18px;
}

/* responsive.css */
@media only screen and (max-width: 1200px) {
  .header .left .mainMenu{display: none}
  .btnMenuMobile{display: block;}
  .btnTagsMobile{display: block;}
  .header .left .tags a{display: none;}
  .gridNews .card .image h2{font-size: 14px;line-height: 1.8;}
}
@media only screen and (max-width: 991px) {
  .gridNews .card{margin-bottom: 1.5rem}
  .footer .widget{margin-bottom: 20px;}
  .copyright{height: auto;text-align: center;}
  .copyright p{line-height: 1.8;}
  .copyright .RozBlog{float: none;display: inline-block;margin-right: 0;}
  .big-news-video{margin-bottom: 1.5rem;}
  .comment-form-author, .comment-form-email{width: 100%;}
}
@media only screen and (max-width: 576px) {
  .header{height: auto;margin-bottom: 20px;}
  .header .content{align-items: center;}
  .header .logo{margin: 5px 0 0 15px;}
  .header .left .title{width: 100%;margin: 0 0 15px 0;text-align: center;display: none;}
  .header .left .tags .name{margin-left: 10px;}
  .header .left .bottom{padding-bottom: 13px;}
  .header .left .special{width: 100%;text-align: center;display: none;}
  .header .left .special a{float: none;margin: 5px 5px 0;display: inline-block;}
  .header .left .special ul, .header .left .special ul li{float: none;display: inline-block;}
  .newsModern .content .main{flex-direction: column;}
  .newsModern .content .main .thumbnail{width: 100%;margin: 0;}
  .newsModern .content .main .cont{width: 100%;}
  .newsClassic{flex-direction: column;align-items: center;}
  .newsClassic .thumbnail{margin-left: 0;margin-bottom: 10px;}
  .newsModern .content .secondary li a img{float: none;margin: 0 auto 10px;display: block;}
  .gridNews .mainSliderHome .item .image h2{font-size: 15px;line-height: 1.8;}
  .gridNews .mainSliderHome{margin-bottom: 0;}
  .gridNews .card{display: none;}
  .singlePost-post .title ul li{margin-left: 10px;}
  .singlePost-post .content .thumbnail{float: none;margin: 0 auto 15px;display: block;}
  .header .left{width: 100%;}
  .newsticker{display: none;}
}



.birdimg {
	justify-content:space-between;
	display:flex}
.birdimg a {
	width:49%;
	border-radius:1em;
	overflow:hidden;
	position:relative;
	margin:0 0 1.5em}
.birdimg img {
	display:block;
	width:100%;
	height:auto}
.birdimg a>span strong {
	position:absolute;
	color:#fff;
	background:rgb(0 0 0/70%);
	padding:.5em 1.2em;
	border-radius:.7em;
	right:1em;
	bottom:1em}

@media screen and (max-width:520px) {
.birdimg {margin-top:0em;flex-direction:column}
.birdimg a {width:100%;margin:0 0 1em}
}
.gtw {max-width: 100%;margin:0 auto;width:100%;}

.h1-title {font-size: 1.7em; color: var(--main-color); border-bottom: 3px solid #ccc ;padding-bottom: 10px;margin-bottom: 10px;background-color: #fff;padding: 1em;border-radius: 10px; margin-top: 0px;}
.h1-title::before { content: '-';  background: var(--main-color);  border-radius: 3px; margin-left: 10px;}

.archive_cat{
    display: flex;
    flex-wrap: wrap;
}
.commentPost .comment_rb input,textarea{
	border:1px solid #eee;
}