@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
html{
  scroll-behavior: smooth;
}

body{
  margin: 0;
  font-size: 16px;
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
  background: #f1f1f1;
  overflow-x: hidden;
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



li {
  list-style: none !important;
}

* {
  box-sizing: border-box;
}

a,
a:hover,
a:active,
a:focus {
  text-decoration: none !important;
  transition-duration: .3s !important;
}

*:focus {
  outline: none !important;
}

*::focus {
  outline: none !important;
}

textarea:focus,
input:focus,
.form-control:focus {
  outline: none !important;
}

.input-box{
  position: relative;
  border-radius: 30px !important;
  overflow: hidden;
  border: 1px solid #d4d4d4;
  background-color: #fff;
}

textarea:focus, input, input:focus{
    outline: none !important;
}

*:focus {
    outline: none;
}

/******theme******/

.home-slider{
  height: 600px;
  background: #000;
}

.about-home{
  position: relative;
  display: block;
  padding: 60px 0;
  text-align: justify;
  background: #fff;
}

.main-title{
  text-align: center;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 30px;
  color: #3c8d42;
}

.ab-img{
  border-radius: 10px;
}

section{
  position: relative;
  display: block;
}

.sec{
  overflow: hidden;
}

/*ani1*/

.bc2{
  position: relative;
  z-index: 2;
}

.ur1{
  position: absolute;
  width: 68.4%;
  left: 16.3%;
  top: 8%;
  overflow: hidden;
}
.ur1 img{
  opacity: 0;
  scale: 0.25;
}

.gazar1{
  position: absolute;
  display: block;
  width: 9.32%;
  height: 72.23%;
  left: 36.09%;
  top: 8.1%;
  z-index: 1;
}

.gazar1 .gazar-agshih{
  position: absolute;
  top: 0;
}

.gazar1 .gazar-naad{
  position: relative;
  z-index: 1;
}


.gazar2{
  position: absolute;
  width: 15.62%;
  left: 42.25%;
  top: 24.8%;
  z-index: 2;
}

.car1{
  position: absolute;
  display: block;
  width: 7.60%;
  left: 46.2%;
  top: 0;
  transform: translateY(0);
  z-index: 3;
}

.combain{
  position: absolute;
  display: block;
  width: 13.90%;
  left: 36.09%;
  top: 0;
  z-index: 3;
}

.saraalj{
  position: absolute;
  width: 16.30%;
  left: 41.56%;
  top: 56.88%;
  z-index: 2;
}

.saraaljn{
  position: absolute;
  width: 21.30%;
  left: 36.56%;
  top: 56.58%;
  z-index: 2;
}

.car2{
  position: absolute;
  width: 5.98%;
  left: 5%;
  top: 71%;
  z-index: 2;
}


.uildver{
  position: absolute;
  width: 100%;
  z-index: 10;
  bottom: 0;
}

/*ani1-end*/

/*ani2*/

.bc2-2{
  position: relative;
  z-index: 1;
}

.canver{
  position: absolute;
  width: 10.1%;
  z-index:3;
  top: 0;
  left: 44.97%;
}

.araa{
  position: absolute;
  display: block;
  z-index: 2;
  width: 6.25%;
  top: 65%;
  left: 40%;
}

.araa1{
  position: absolute;
  width: 90%;
  top: 3%;
  left: 10%;
}

.araa2{
  position: absolute;
  width: 60%;
  top: 55%;
  left: 35%;
}

.zam1{
  position: absolute;
  width: 7.81%;
  z-index:3;
  top: -200%;
  left: 46.1%;
}

.ur2{
  position: absolute;
  width: 90%;
  left: 5%;
  top: 50%;
}

.scan{
  position: absolute;
  width: 11.77%;
  top: 17%;
  left: 44.4%;
  z-index: 3;
}

/*ani2-end*/



/*ani3*/

.bc4{
  position: absolute;
  width: 18.38%;
  top: 30%;
  left: 38.5%;
}

.araa-mid{
  position: absolute;
  width: 5.68%;
  left: 20%;
  top: 20%;
}

.araa3{
  position: absolute;
  left: 43.5%;
  top: 28.5%;
}

.araa4{
  position: absolute;
  left: 47.5%;
  top: 36%;
}

.araa5{
  position: absolute;
  left: 51.5%;
  top: 28.5%;
}

.araa6{
  position: absolute;
  left: 43.5%;
  top: 49.5%;
}

.araa7{
  position: absolute;
  left: 47.5%;
  top: 57%;
}

.araa8{
  position: absolute;
  left: 51.5%;
  top: 49.5%;
}

.naad1{
  position: absolute;
  width: 18.95%;
  left: 42.5%;
  top: 20%;
}
/*ani3-end*/

.buttons{
  padding: 60px 0;
  background: #3c8d42;
}

.container{
  max-width: 1366px;
  width: 100%;
}

.container-max{
  max-width: 1560px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-min{
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-mid{
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-large{
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}

.row-mt{
  margin-left: -5px;
  margin-right: -5px;
}

.col-mt{
  padding-left: 5px;
  padding-right: 5px;
}

.space1{
  height: 20px;
  width: 100%;
}


.buttons a{
  display: block;
  text-align: center;
  background: #f0bf18;
  color: #000;
  padding: 25px 30px 0;
  text-transform: uppercase;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
}

.buttons a img{
  filter: brightness(300%);
}

.buttons a:hover{
  color: #000;
  background: #fdd712;
}

/*ani4 & 6*/

.tos1{
  position: absolute;
  width: 5.05%;
  left: 47.5%;
  top: 70%;
}

.dusal1{
  position: absolute;
  width: 1.8%;
  left: 49%;
  top: -35%;
}

.tos2{
  position: absolute;
  display: block;
  width: 5.05%;
  left: 47.5%;
  top: 63%;
  overflow: hidden;
}

.dol{
  position: absolute;
  width: 200%;
  bottom: 28%;
  height: ;
  left: 0;
  z-index: 1;
  left: -50%;
}

.dol1{
  animation-name: dolmove;
  animation-duration: 10s;
  animation-fill-mode: forwards;
  animation-direction: normal;
  animation-iteration-count: infinite;
}

.dol2{
  animation-name: dolmove2;
  animation-duration: 8s;
  animation-fill-mode: forwards;
  animation-direction: normal;
  animation-iteration-count: infinite;
}

.dol3{
  animation-name: dolmove3;
  animation-duration: 15s;
  animation-fill-mode: forwards;
  animation-direction: normal;
  animation-iteration-count: infinite;
}

.dol4{
  animation-name: dolmove4;
  animation-duration: 13s;
  animation-fill-mode: forwards;
  animation-direction: normal;
  animation-iteration-count: infinite;
}

.bum{
  position: absolute;
}

.bum1{
  width: 20%;
  left: 10%;
  top: 20%;
  -webkit-animation: rotate 4s normal linear infinite;
  animation: rotate 4s normal linear infinite;
}

.bum2{
  width: 30%;
  left: 20%;
  top: 10%;
  -webkit-animation: rotate2 5s normal linear infinite;
  animation: rotate2 5s normal linear infinite;
}

.bum3{
  width: 14%;
  left: 40%;
  top: 35%;
  -webkit-animation: rotate 6s normal linear infinite;
  animation: rotate 6s normal linear infinite;
}

.bum4{
  width: 10%;
  left: 30%;
  top: 30%;
  -webkit-animation: rotate2 3s normal linear infinite;
  animation: rotate2 3s normal linear infinite;
}
.bum5{
  width: 15%;
  right: 10%;
  top: 15%;
  -webkit-animation: rotate 5s normal linear infinite;
  animation: rotate 5s normal linear infinite;
}

.naad2{
  position: absolute;
  width: 37.15%;
  top: 0;
  left: 30.8%;
}

.naad3{
  position: absolute;
  width: 16.67%;
  top: 0;
  left: 45.3%;
}

.naad3{
  position: absolute;
}

@keyframes dolmove {
  0%   {left: -50%;}
  33%  {left: -100%;;}
  66%  {left: 0;}
  100% {left: -50%;;}
}

@keyframes dolmove2 {
  0%   {left: -50%;}
  33%  {left: 0;;}
  66%  {left: -100%;}
  100% {left: -50%;;}
}

@keyframes dolmove3 {
  0%   {left: -50%;}
  33%  {left: -100%;;}
  66%  {left: 0;}
  100% {left: -50%;;}
}


@keyframes dolmove4 {
  0%   {left: -50%;}
  33%  {left: 0;;}
  66%  {left: -100%;}
  100% {left: -50%;;}
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  25% {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg);
  }
  75% {
    -webkit-transform: rotate3d(0, 0, 1, 270deg);
    transform: rotate3d(0, 0, 1, 270deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}

@keyframes rotate2 {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
    
  }
  25% {
    -webkit-transform: rotate3d(0, 0, 1, 270deg);
    transform: rotate3d(0, 0, 1, 270deg);
    
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg);
  }
  75% {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
/*ani4&6-end*/

/*ani7*/

.naad4{
  position: absolute;
  width: 76.97%;
  left: 12.18%;
  top: 13.52%;
}

.tosm1{
  position: absolute;
  width: 15%;
  height:9%;
  top: 39%;
  left: 30%;
  overflow: hidden;
}

.tosm1 img{
  position: absolute;
  left: 0;
  width: 300%;
}

.tosm2{
  position: absolute;
  width: 15%;
  height:9%;
  top: 39%;
  left: 53%;
  overflow: hidden;
}

.tosm2 img{
  width: 300%;
}

.tosm3{
  position: absolute;
  width: 10%;
  height:9%;
  top: 36%;
  left: 76%;
  overflow: hidden;
  rotate: -20deg;
}

.tosm3 img{
  width: 300%;
}

.car3{
  position: absolute;
  width: 5.98%;
  left: 90%;
  top: 55%;
  z-index: 2;
}

.car3 img{
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

/*ani7end*/

/*ani8,9*/

.canver2{
  position: absolute;
  width: 16.4%;
  z-index:3;
  top: 0;
  left: 39.75%;
}

.sec8 .araa{
  position: absolute;
  display: block;
  z-index: 2;
  width: 6.25%;
  top: 15%;
  left: 54%;
  rotate: 180deg;
  transform: scale(0.7);
}

.savtai{
  position: absolute;
  width: 60%;
  left: 20%;
  top: 48%;
}

.car4{
  position: absolute;
  width: 19.28%;
  top: 2%;
  left: -20%;
  z-index: 1;
}

.car5{
  position: absolute;
  width: 19.28%;
  top: 30%;
  left: 60%;
  z-index: 1;
}

.car4 img{
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.sec9, .sec10, .sec11, .sec12{
  position: relative;
  width: 100%;
  display: block;
}

.car6{
  position: absolute;
  display: block;
  width: 7.60%;
  left: 46.2%;
  top: 0;
  transform: translateY(0);
  z-index: 3;
}

.tos{
  position: relative;
  width: 100%;
}

#tos{
  position: relative;
  width: 100%;
  margin-top: -70px;
}

/*ani10*/

.urt3{
  position: absolute;
  width: 6.87%;
  left: 46.6%;
  top: 60%;
}

.urt2{
  position: absolute;
  width: 4.73%;
  left: 47.6%;
  top: -10%;
}

.naad5{
  position: absolute;
  width: 9.4%;
  left: 45.3%;
  top: 0;
}

.naad6{
  position: absolute;
  right: 0;
  top: 0;
  width: 65.47%;
}

.urt1{
  position: absolute;
  width: 11.45%;
  top: 5%;
  left: 40.3%;
  background: #929497;
}

.car7{
  position: absolute;
  display: block;
  width: 7.60%;
  left: 46.2%;
  top: 0;
  transform: translateY(0);
  z-index: 3;
}

.text-sec{
  padding: 60px 0;
  background: #fff;
  text-align: justify;
}




/*end*/


.sec-title{
  font-size: 25px;
  text-align: center;
  color: #3c8d42;
  font-weight: 700;
  margin-bottom: 20px;
}

.big-too{
  font-weight: 800;
  font-size: 34px;
  line-height: 1;
}

.big-too2{
  font-weight: 800;
  font-size: 40px;
  margin-bottom: 20px;
  line-height: 0.8;
  color: #555;
}

.sh-min{
  text-align: center;
}

.shin-single{
  background-color: #f0bf18;
  color: #fff;
  padding: 10px 20px;
  margin-bottom: 10px;
  text-align: center;
  border-radius: 10px;
}

.sh-title{
  font-size: 20px;
  color: #555;
}

.sh-title2{
  font-size: 20px;
  color: #555;
  margin-bottom: 10px;
}

.text2{
  text-align: left;
  margin-bottom: 20px;
  color: #555;
  padding: 20px 20px 10px;
  background: #f1f1f1;
  border-radius: 10px;
  text-align: center;
}

.text2 p{
  font-size: 20px;
}

.logos1{
  max-width: 600px;
  margin-bottom: 30px;
  margin-top: 5px;
}

.logos2{
  max-width: 150px;
  margin-bottom: 30px;
  margin-top: 15px;
}

.d-single{
  text-align: center;
}

.d-single img{
  border-radius: 10px;
}

.d-single p{
  line-height: 1;
  padding: 5px 10px;
}

.sin-slider img{
  border-radius: 10px;
}

.go{
  position: absolute;
  margin-top: -55px;
}

.header{
  padding: 50px 0 50px;
  background: #3c8d42;
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 800;
  text-align: center;
}

.i-tej{
  border-radius: 10px;
}

.header-san{
  height: 25vw;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  min-height: 200px;
}

.page-content{
  padding: 70px 0 50px;
  background: #fff;
}

.title1 {
   text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1;
  background: #3C8D42;
  background: linear-gradient(90deg, rgba(60, 141, 66, 1) 0%, rgba(240, 191, 24, 1) 69%, rgba(87, 199, 164, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   -webkit-animation: hue 10s infinite linear;
}



.title1-1{
  text-transform: uppercase;
  font-size: 2.2rem;
  font-weight: 800;
  line-height: 1;
  background: #F0BF18;
  background: linear-gradient(90deg, rgba(240, 191, 24, 1) 0%, rgba(0, 195, 255, 1) 38%, rgba(240, 150, 24, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 10s infinite linear;
}

.title1-3{
  text-transform: uppercase;
  font-size: 2.2rem;
  font-weight: 800;
  line-height: 1;
  color: #fff;
}

.title1-4{
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1;
  color: #000;
  text-align: center;
}


.title2{
  text-transform: uppercase;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 30px;
}

.title3{
  text-transform: uppercase;
  font-size: 2.7rem;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 30px;
  background: #F0BF18;
  background: linear-gradient(90deg, rgba(240, 191, 24, 1) 0%, rgba(0, 195, 255, 1) 38%, rgba(240, 150, 24, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 10s infinite linear;
}

.san-head{
  padding: 60px 0 0;
}

.title4{
  text-transform: uppercase;
  font-size: 2.7rem;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 30px;
  text-align: center;
  background: #F0BF18;
  background: linear-gradient(90deg, rgba(240, 191, 24, 1) 0%, rgba(0, 195, 255, 1) 38%, rgba(240, 150, 24, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 10s infinite linear;
}

@-webkit-keyframes hue {
   from {
     -webkit-filter: hue-rotate(0deg);
  }
   to {
     -webkit-filter: hue-rotate(-360deg);
  }
}

.san-text{
  text-align: justify;
  margin-bottom: 20px;
}

.page-content img{
  max-width: 100%;
  border-radius: 20px;
  margin-bottom: 20px;
}

.row-big{
  margin-left: -25px;
  margin-right: -25px;
}

.col-big{
  padding-left: 25px;
  padding-right: 25px;
}

.p-sec2{
  background: #000;
  color: #fff;
}

.p-sec3{
  padding: 0;
}

.row-zero{
  margin-left: 0;
  margin-right: 0;
}

.col-zero{
  padding-left: 0;
  padding-right: 0;
}

.space2{
  width: 100%;
  height: 50px;
}

.zarchim-single{

}

.zarchim-head{
  padding: 25px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
}

.head1{
  background-color: #00B8A5;
}

.head2{
  background-color: #F39D00;
}
.head3{
  background-color: #F37021;
}

.zarchim-img{
  width: 100%;
  height: 30vw;
  max-height: 500px;
  min-height: 250px;
  background-size: cover !important;
  background-position: top center !important;
  background-repeat: no-repeat !important;
}

.par-slider{
  position: relative;
  display: block;
  max-width: 1920px;
  height: calc(100vw / 1920 * 850);
  overflow: hidden;
  max-height: 850px;
  margin-left: auto;
  margin-right: auto;
}
.a-slider{
  position: relative;
  display: block;
  height: calc(100vw / 1920 * 850);
  max-height: 850px;
  width: 100%;
  text-align: center;
  z-index: 0;
  background-color: #000;
  overflow: hidden;
  
}


.layer {
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  width: 100%;
}

.layer img{
  position: relative;
  width: 100% !important;
}

.layer-1{
  bottom: 0;
  width: 100%;
}

.layer-2{
  width: 100%;
  bottom: 12.25%;
  left: 0;
}

.layer-3{
  width: 100%;
  bottom: 0;
  right: 0;
}

.layer-4{
  width: 87.7%;
  left: 0;
  bottom: 0;


}


.sanal-btn{
  position: fixed;
  right: 0;
  bottom: 10%;
  z-index: 9999;
  width: 60px;
  max-width: 15vw;
}

.menu-spacer{
  width: 100%;
  height: 55px;
}

.sanal{
  background-color: #000;
  background-image: url(../content/wall1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
}

.stitle {
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1;
  background: #3C8D42;
  text-align: center;
  margin-bottom: 30px;
  background: linear-gradient(90deg, rgba(60, 141, 66, 1) 0%, rgba(240, 191, 24, 1) 69%, rgba(87, 199, 164, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   -webkit-animation: hue 10s infinite linear;
}


.sanal-single{
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 30px;
}

.sanal-img{
  width: 100%;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  height: 300px;
  filter: brightness(95%);
}

.sanal-text{
  padding: 20px 15px 20px 20px;
}

.sanal-text1{
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
}

.sanal-text1 span{
  font-size: 21px;
  font-weight: bold;
}

.sanal-scroll{
  max-height: 180px;
  overflow-y: scroll;
  padding-right: 10px;
  line-height: 1.2;
  color: #555;
  text-align: left;
  margin-bottom: 10px;
}

.graphic1{
  color: #f0bf18;
  font-size: 14px;
  margin-bottom: 10px;

}

.sanal-scroll::-webkit-scrollbar {
  width: 5px;
  border-radius: 3px;
  overflow: hidden !important;
}

.sanal-scroll::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .1);
  border-radius: 3px !important;
  overflow: hidden;
}

.sanal-scroll::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px !important;
  overflow: hidden;
}

.too{
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 5px;
  width: 33px;
  text-align: center;
  color: #fff;
  border-radius: 20px;
  background: #f0bf18;
  font-weight: 600;
}

.sanal-submit{
  border: none;
  border: 1px solid  #3c8d42;
  padding: 6px 30px;
  color: #3c8d42;
}

.sanal-submit:hover{
  border: none;
  border: 1px solid  #3c8d42;
  padding: 6px 30px;
  color: #3c8d42;
}

.sanal-notification{
  text-align: center;
  color: #d4d4d4;
}

.news{
  padding: 60px 0;
}

.news-single{
  position: relative;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 8px !important;
  overflow: hidden !important;
  margin-bottom: 20px;
}

.news-img{
  position: relative;
  display: block;
  overflow: hidden;
}

.news-img img{
  width: 100%;
  height: auto;
  transition-duration: .5s !important;
  filter: brightness(0.7);
}

.news-img-in{
  transform: scale(1.1);
  transition-duration: 1s;
}

.news-descs{
  padding: 15px 15px 25px;
  background-color: #fff;
  line-height: 1.2;
}

.news-desc{
  position: relative;
  display: block;
  height: 100%;
}

.news-title{
  position: absolute;
  bottom: 0;
  padding: 15px;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  
}

.news-title p{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  margin-bottom: 3px;
}

.news-short{
  color: #888;
  font-size: 15px;
  font-weight: 400;
  text-align: justify;
  min-height: 54px;
  display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    margin-top: 3px;
    margin-bottom: 10px;
}

.news-btn a{
  margin-top: 20px;
  font-size: 13px;
  display: block;
  padding: 10px 20px;
  color: #555;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  text-align: center;
  max-width: 200px;
  text-transform: uppercase;
}

.news-btn a:hover{
  color: #333;
  background-color: #f1f1f1;
}

.news-date{
  font-size: 14px;
  font-weight: 400;
  color: #f0bf18;
}

.page-contents{
  padding: 50px 0;
  background-color: #333;
}

.page-contents .news-single{
  margin-bottom: 16px;
}

.pagination{
  margin-left: auto;
  margin-right: auto;
}

.pagi{
  margin-top: 30px;
}

.pagi .pagination{
  justify-content: center;
}

.page-link{
  color: #333;
}

.news-content{
  background: #fff;
  padding: 25px;
  border-radius: 5px;
  text-align: justify;
  color: #444;
}

.news-content img{
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  margin-top: 5px;
  margin-bottom: 15px;
}

.news-sin{
  padding: 40px 0;
}

.product-lists{
  padding: 60px 0;
}

.p-bannar{
  margin-bottom: 10px;
}

.p-header{
  text-align: center;
  font-size: 35px;
  padding: 120px 30px;
  background-size: cover !important;
  background-position: center !important;
  font-weight: 1000;
  line-height: 1.2;
}

.p-title{
  text-transform: uppercase;
  text-align: center;
  font-weight: 900;
  font-size: 22px;
  margin-bottom: 40px;
}

.p-title-min{
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 10px;
  color: #555;
}

.p-single{
  border-radius: 20px;
  overflow: hidden;
  background-color: #fff;
  height: 100%;
}

.buteegdehuun .col-md-4{
  margin-bottom: 30px;
}

.p-t{
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1;
}

.p-t{
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}

.p-content{
  padding: 40px;
}

.p-single img{
  width: 100%;
}

.p-desc p{
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  color: #555;
}

.p-title-2{
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 800;
  max-width: 500px;
  margin-bottom: 30px;
  line-height: 1.2;
}

.sh-text{
  margin-bottom: 30px;
}

.sh-img{
  text-align: center;
}

.p-single a{
  color: #555;
  text-transform: uppercase;
  font-weight: 700;
}

.p-single a:hover{
  color: #777;
}

.shagnal{
  padding: 60px 0;
  background: #f3f3f3;
}

.shagnal img{
  max-width: 500px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.buteegdehuun{
  background-color: #f7f7f7;
}

.product-single{
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 40px;
}

.pro-slider .owl-dots{
  position: absolute;
  bottom: 0;
  width: 100%;
}

.pro-text{
  padding: 40px;
  text-align: justify;
}

.title-pro{
  text-transform: uppercase;
  font-size: 25px;
  color: #3c8d42;
  font-weight: 600;
  margin-bottom: 20px;
}

.pro-slider .item{
  display: block;
  width: 100%;
  height: 100%;
  min-height: 450px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.mora{
  padding: 60px 0;
}
.mora-about{
  text-align: justify;
  margin-bottom: 60px;
}

.mora-about2{
  text-align: left;
}

.mora-about2 p{
  text-align: center;
  background-color: #fff;
  height: 100%;
  padding: 20px;
  margin-bottom: 0;
  border-radius: 10px;
}

.mora-about2 .col-sm-6{
  margin-bottom: 20px;
}

.mora-single{
  text-align: center;
  margin-bottom: 30px;
}

.mora-single img{
  border-radius: 20px;
  margin-bottom: 20px;
}

.mora-title{
  text-transform: uppercase;
  font-weight: 500;
}

.mora-single p{
  font-style: italic;
  color: #555;
}

.contacts{
  padding: 60px 0;
}

.contact-sec{
  padding: 30px;
  background-color: #fff;
  height: 100%;
  border-radius: 20px;
}

.contact-sec .title2{
  margin-bottom: 20px;
  font-size: 22px;
  color: #3c8d42;
}

 .contacts .col-md-6{
  margin-bottom: 30px;
 }

.contact-sec, .contact-sec a, .contact-sec label, .contact-sec small{
  color: var(--contact-text-color) !important;
}

.contact-sec a:hover{
  color: var(--contact-text-color);
  opacity: 0.9;
}

.contact-sec input, .contact-sec textarea, .contact-sec input:focus, .contact-sec textarea:focus{
  background-color: var(--contact-sec-bc-color);
  color: var(--contact-text-color);
}

.contact-btn{
  padding: 10px 20px;
  background: #f0bf18;
  color: #fff;
  border: none;
  border-radius: 5px;
}

.contact-sec iframe{
  width: 100%;
  max-height: 400px;
}


.fv2{
  text-align: left;
}

.footer{
  background: #223924;
  padding: 60px 0;
  padding-bottom: 0;
  color: #fff;
}

.footer-title{
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}

.copyright{
  margin-top: 40px;
  padding: 25px 0;
  background: #102211;
  color: #f1f1f1;
}

.copyright a{
  color: #fff;
}

.copyright a:hover{
  color: #f0bf18;
}
.social-links{
  margin-bottom: 30px;
}

.social-links a img{
  width: 40px;
}

.footer iframe{
  width: 100% !important;
  height: 180px;
  border-radius: 20px;
}

@media only screen and (min-width: 991px) {
  .buteegdehuun .product-single:nth-child(even) .col-md-7{
    order: 1;
  }
  .buteegdehuun .product-single:nth-child(even) .col-md-5{
    order: 2;
  }
}

@media only screen and (max-width: 1320px) {
  .par-slider, .a-slider{
    height: calc(100vw / 1920 * 1000);
  }

  .a-slider{
    width: 130%;
    left: -10%;
  }
}

@media only screen and (max-width: 991px) {
  .par-slider, .a-slider{
    height: calc(100vw / 1920 * 1300);
  }

  .a-slider{
    width: 160%;
    left: -10%;
  }
  .menu-spacer{
    width: 100%;
    height: 66px;
  }
}

@media only screen and (max-width: 768px) {
  .pro-slider .item{
    min-height: 380px;
  }
}




@media only screen and (max-width: 576px) {
  .par-slider, .a-slider{
    height: calc(100vw / 1920 * 1600);
  }

  .a-slider{
    width: 185%;
    left: -30%;
  }
  .pro-slider .item{
    min-height: 300px;
  }

  .row-mob{
    margin-left: -5px;
    margin-right: -5px;
  }

  .col-mob{
    padding-left: 5px;
    padding-right: 5px;
  }
  .big-too{
    font-size: 28px;
  }
}



@media (max-width: 1159px) {
  .sec-min{
    position: relative;
    width: 150%;
    left: -25%;
    height: auto;
  }

}

@media (max-width: 768px) {
  .sec-min{
    position: relative;
    width: 200%;
    left: -50%;
    height: auto;
  }
  .zarchim-img{
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

}