
/*@font-face {
    font-family: 'Yekan';
    src: url('../fonts/Yekan.eot');
    src: url('../fonts/Yekan.eot?#iefix') format("embedded-opentype"),
    url('../fonts/Yekan.woff2') format('woff2'),
    url('../fonts/Yekan.woff') format('woff'),
    url('../fonts/Yekan.ttf') format('truetype'),
	url('../fonts/Yekan.otf') format('opentype'),
    url('../fonts//Yekan.svg#Yekan') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
    font-family: 'isans-bold';
    src: url('../fonts/IRANSans-Bold.eot?#') format('eot'),   /*IE6–8*/ 
    url('../fonts/IRANSans-Bold.woff2') format('woff2'),   /*Chrome36+, Opera24+*/
    url('../fonts/IRANSans-Bold.woff') format('woff');   /*FF3.6+, IE9, Chrome6+, Saf5.1+*/
    font-weight: bold;
}
@font-face {
    font-family: 'isans';
    src: url('../fonts/IRANSans-Bold.eot') format('eot'),   /*IE6–8*/ 
    url('../fonts/IRANSANSExpanded.woff2') format('woff2'),   /*Chrome36+, Opera24+*/
    url('../fonts/IRANSANSExpanded.woff') format('woff');   /*FF3.6+, IE9, Chrome6+, Saf5.1+*/
	font-weight: normal;
}
body{
	direction: rtl;
	font-family: 'Yekan';
	overflow-x:hidden 
}
h1 , h2 , h3 , h4 , h5, h6 , ul , li , a , div , section {
	font-family: 'isans'!important;
}



.bg-top{
	background-color: #4d988e;
	border-radius: 30px;
	height: 40px;
	padding-top: 5px!important;
	line-height: 30px
}
.buttonb {
  position: relative;
  background: #4d988e;
  
  font-size: 18px;
  border-radius: 30px;
  
  width: 40px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: width 1s;
  transition: width 1s;
}
.buttonb:hover , .buttonb:focus {
  /*width: 150px;*/
      width: 200px;
}
.buttonb.search:hover , .buttonb.search:visited {
  width: 210px;
}

.tarikh {
  width: 300px;
}
.buttonb.tarikh:hover{
	width: 300px!important;
}
.textb{
  overflow: hidden;
  color: #fefefe;
  font-size: 15px;
  height: 40px
}
.iconb {
  float: right;
  margin: 3px 11px 0 13px
}




.top-header{
	text-align: center;
	padding: 10px 0;
	background-color: #007314;
}

::placeholder{
	color: #fefefe;
}
.top-header button{
	color: #fefefe;
	background-color: transparent;
	border: none;
	height: 35px;
	cursor: pointer;
}
.top-header button:focus {
	border: none;
}

.lheight-44{
	line-height: 44px;
}
.hover-parent{
	position: relative;
	display: inline-block;
	padding-top: 11px;
	color: #fefefe;
}
.color-fe{
	color: #fefefe!important;
}
.hover-parent .hover-child{
	
	width: 350px;
	background-color: #f7f7f7;
	color: #222;
	position: absolute;
	text-align: center;
	border-radius: 10px;
	top: 88%;
    left: 22%;
    margin-left: -120px;
	visibility: hidden;
	font-size: 10px;
	padding: 2px;
	font-family: 'isans';
	z-index: 99;
	list-style: none;
	padding: 7px;
	box-shadow: 0 1px 3px #ccc;
	display: none;

}
.hover-child li {
	list-style: none;
	visibility: none;
        padding-right: 2px;
}
.hover-child h5{
	border-bottom: 1px solid #ddd;
}
.hover-child a{
	color: #222;
	border-radius: 5px;
	display: block;
}
.hover-child a:hover{
	background-color: #126714;
	color: #fefefe;
}

.hover-parent .hover-child::after {
	  content: "";
  position: absolute;
  bottom: 100%;
  left: 70%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #f7f7f7 transparent;

}
.hover-parent:hover .hover-child{
	visibility: visible;
	display: block;
}
@media (max-width:992px){
	.hover-parent .hover-child{
		margin-left: 0;
		top: 38px;
    left: -59%;

	}
}
@media (max-width:768px){
	.hover-parent .hover-child::after {
		left: 40%;

	}
	.hover-parent .hover-child{
		top: 40px;
    left: -28%;

	}
}
@media (max-width:576px){

	.hover-parent .hover-child{
		top: 40px;
    left: -38%!important;

	}
}
@media (max-width:390px){

	.hover-parent .hover-child{
		top: 40px;
    left: -35%;

	}
}
.bg-fe-05{
	background-color: rgba(0,0,0,0.5);
}
@media (max-width:712px){
	.hover-parent .hover-child{
    left: -66%;

	}
	.hover-parent .hover-child::after {
		left: 65%;

	}

}
@media (max-width:1010px){
	ul.navbar-nav.mx-auto{
		padding-right: 10px;
	}
}
.w-550{
	width: 550px;
}
.dropdown-menu{
	text-align: right;
	right: 0;
	padding: 10px;
}
header .navbar .dropdown-menu:before {
	right: 5%;
}
header .navbar .dropdown-menu .dropdown-item:hover {
       /*background: #33673a;*/
     background:  #007314;
    border-radius: 4px;
}
header .navbar .dropdown-menu a {
    padding-top: 4px;
    padding-bottom: 4px;
}
ul.navbar-nav{
	/*padding-right: 0;*/
        /*margin-top: 20px;*/
        margin-top: 0px;

}
.w-370{
	width: 370px;
}
.mr-8{
	margin-right: 8px;
	padding-right: 7px;
}
.w-270{
	width: 270px;
}
.dropdown-toggle:after{
	display: none;
}
.color-light{
	color: #B3B3B3;
	transition: 100ms;
}

.shadow{
	box-shadow: 0 1px 3px #ccc
}
a.btn-more.bg-darkgreen.color-fe.float-left.px-4.py-1.text-center{
	margin-left: 22px;
}
@media(max-width:481px){
	a.btn-more.bg-darkgreen.color-fe.float-left.px-4.py-1.text-center.ham-btn{
		/*margin-left: 50%;*/
		transform: translateX(-50%);
	}
}
.block-21 figure img{
	box-shadow: none;
}
@media (max-width: 991px){
	.dropdown-menu{
		width: 100%!important;
	}
}

.carousel-indicators li{
	height: 15px;
	width: 15px;
	border-radius: 50%;
	cursor: pointer;
    background-color: #007314;
}
.maxh-500{
	max-height: 450px;
}
.carousel-caption{
	background-color: rgba(0,0,0,0.3);
	/*bottom: 0px;*/
    left: 0;
	right: 0;
	width: 100%;
	height: 120px;
}
.carousel-indicators{
	z-index: 1;

}
.carousel-caption h4{
	color: #fefefe;
}
.carousel-caption{

}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after{
	font-size: 34px;
}
.header-fixed{
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	border-bottom: 1px solid #f7f7f7;
	box-shadow: 0px 1px 3px 0px #5e5e5e;
}
.hover-scale{
	transition: 0.5s;
    border: 2px solid #007314;
}
.hover-scale:hover {
	transform: scale(1.1);
    opacity: 0.5;
    border: 2px solid #99b8b947;
}
.text-mycolor{
	color: #277a02!important;
	padding-right: 5px;
	font-family: 'Yekan';
}
.line{
	width: 100%;
	height: 3px;
	margin-top: -16px

}
.bg-1{
	background-color: #ffffff;
}
.bg-mycolor{
	/*background-color: #277a02!important;*/
    background-color: #21510a!important;
}
.bg-trans{
	background: transparent;
}
.bg-darkgreen{
	background: #21510a;
}
.text-darkgreen{
	color: #21510a;
}
.btn-more{
	border-radius: 5px;
	    padding: 3px 15px;

}
a.bg-mycolor.btn-more{
	color: #fefefe!important;
	margin: 5px;
	border: 1px solid #277a02!important;
}
a.bg-trans.btn-more{
	color: #21510a!important;
	margin: 5px;
	border: 1px solid #21510a;
}
.circle3x{
	height: 15px;
	width: 15px;
	border-radius: 50%;
	content: "";
	display: inline-block;

}
.circle2x{
	height: 10px;
	width: 10px;
	border-radius: 50%;
	content: "";
	display: inline-block;

}
.circle1x{
	height: 5px;
	width: 5px;
	border-radius: 50%;
	content: "";
	display: inline-block;

}
@media (max-width:576px){
	ul#myTab{
		padding-right: 8px;
	}
}
@media (max-width:451px){
	
	.font-xs-dec{
		font-size: 13px!important;
	}
	}
a.bg-mycolor.btn-more:hover{
	background-color: transparent!important;
	color: #21510a!important;
	border: 1px solid #21510a;
}
a.bg-trans.btn-more:hover{
	background-color: #21510a!important;
	color: #fefefe!important;
	border: 1px solid #21510a;
}
.d-flow-root{
	display: flow-root;
    
	
}
.text{
	text-align: right;
}
.description{
	padding: 7px;
}
.text-rj{
	text-align: justify;
	text-align-last: right; 
}
.block-20 .meta > div a:hover , .block-21 .meta > div a:hover{
	color: #277a02!important;
}
.block-20 .text .heading a:hover, .block-20 .text .heading a:focus, .block-20 .text .heading a:active , .block-21 .text .heading a:hover, .block-21 .text .heading a:focus, .block-21 .text .heading a:active {
		color: #277a02!important;

}
.block-18 .text span{
	letter-spacing: 1px
}
@media (max-width:576px){
	.font-xs-dec{
		font-size: 14px;

	}
	.nav-item{
		padding-right: 4px;
	}
}
@media (max-width:768px){

	.nav-item{
		padding-right: 4px;
	}
}
.news .heading{
	padding: 10px;
}
.heading{
	font-family: 'Yekan';
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    /*background-color: #00781021;*/
    border-color: #d6e4d8 #dde8df #007314;
}
a{
	color: #4290c9;
}
.text-mycolor2{
	color: #4290c9!important;
	font-family: 'Yekan'
}
.bg-mycolor2 {
    background-color: #007314   !important;
}
a.bg-mycolor2.btn-more:hover{
	color: #4290c9;
	background-color: transparent;
	border: 1px solid #4290c9;
	background-color: transparent!important
}
a.bg-darkgreen.btn-more:hover{
	background-color: transparent!important;
	color: #21510a!important;
	border: 1px solid #21510a;
}
.btn-more.bg-mycolor2{
	border: 1px solid #4290c9;
}
.btn-more.bg-darkgreen{
	border: 1px solid #21510a;
}
.block-15 .heading{
	max-width: none;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus{
	border: 2px solid #4290c9!important;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after{
	margin: 0;

}
.block-16 figure .play-button > span{
	top: 55%
}
.pic-titr{
	height: 30%;
    background-color: rgba(51, 103, 58, 0.48);
	text-align: center;
	color: #fefefe;
	bottom: 0;
	width: 100%;
	transition: 0.5s;
	padding-top: 7px;

}
.pic-titr h4{
	color: #fefefe;
}
.img-box:hover .pic-titr{
	height: 80%;
}
.img-detail{
	position: absolute;
	background-color: red;
	width: 90%;
	z-index: 99;
	margin-right: 50%;
	transform: translateX(50%);

}
.block-2 .back{
background: rgba(32,81,10,1);
background: -moz-linear-gradient(top, rgba(32,81,10,1) 0%, rgba(0,2,34,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(32,81,10,1)), color-stop(100%, rgba(0,2,34,1)));
background: -webkit-linear-gradient(top, rgba(32,81,10,1) 0%, rgba(0,2,34,1) 100%);
background: -o-linear-gradient(top, rgba(32,81,10,1) 0%, rgba(0,2,34,1) 100%);
background: -ms-linear-gradient(top, rgba(32,81,10,1) 0%, rgba(0,2,34,1) 100%);
background: linear-gradient(to bottom, rgba(32,81,10,1) 0%, rgba(0,2,34,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20510a', endColorstr='#000222', GradientType=0 );
}
.block-2 .front:before{
	background: none;

}
.block-2 .front{
	background: none;
}
.ltr{
	direction: ltr;
}
.rtl{
	direction: rtl
}
.size-15{
	font-size: 15px
}
.bg-darkblue{
	background: #6c8ea6;
}
.right-shadow{
	box-shadow: 0px 1px 3px 1px #ddd;
}
.radius-10{
	border-radius: 10px;
}
.scale{
	transition: 0.5s
}
.hover:hover .scale{
	transform: scale(1.1);
}
.text-22{
	color: #222;
	transition: 0.3s;
    line-height: normal;
    margin-top: 2px;
}
.hover a:hover .text-22{
	color: darkgrey;
}
.hover:hover .colorb{
	color: #6c8ea6!important;
}
.block-19:hover, .block-19:focus{
	box-shadow: 0 2px 20px -5px rgba(0, 0, 0, 0.2);
}
.w-110{
	width: 120px!important
}
.karafarini ul a:hover{
	color: #277a02
}
.karafarini h2 a:hover{
	color: #277a02!important
}
.karafarini figure img{
		/*height: 240px*/
        height: 180px
}
.hamayesh figure img{
	height: 200px;
}
.hamayesh .item{
	box-shadow: 0 0 6px 0px #dddddd;
	border-radius: 5px;
	/*margin-top: 4px*/
    margin-top: 50px;
}
.block-19 .text .heading a:hover{
	color: #4290C9
}
.hamayesh .block-19 .text .heading{
	font-size: 18px;
}
.block-2 .front .box{
	
	right: 0;
	left:0;
	width: 100%;

}
.block-2 .back{
	box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.4);
}
.block-2 .front .box h2{
	text-align: center;
	padding-top: 35px;
}
.block-15 .text{
	max-width: 100%;
}
.back h5{
	color: #fefefe;
	padding-top: 20px;
}
.back ul a{
	color: #fefefe!important
}
.t-33{
	top: 13%;
}
.etelaiie a {
	color: darkgrey;
}
.color-77{
	color: #777;
}
.flipper img{
	border-radius: 50%;
	height: 120px;
	width: 120px;
	margin-left: 50%;
	transform: translateX(-50%);
}
.block-2 .front{
	background: rgba(32,81,10,1);
background: -moz-linear-gradient(top, rgba(32,81,10,1) 0%, rgba(0,2,34,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(32,81,10,1)), color-stop(100%, rgba(0,2,34,1)));
background: -webkit-linear-gradient(top, rgba(32,81,10,1) 0%, rgba(0,2,34,1) 100%);
background: -o-linear-gradient(top, rgba(32,81,10,1) 0%, rgba(0,2,34,1) 100%);
background: -ms-linear-gradient(top, rgba(32,81,10,1) 0%, rgba(0,2,34,1) 100%);
background: linear-gradient(to bottom, rgba(32,81,10,1) 0%, rgba(0,2,34,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20510a', endColorstr='#000222', GradientType=0 );

}
.video{
	display: block;
	margin: auto;
}
.history{
	margin: auto;
}
.centeer-m{
	width: 100%!important;
	margin: auto;
}
@media (max-width:500px){
	.font-weight-bold{
		font-weight: normal!important;
	}
	.font-resp{
		font-size: 12px!important;
	}
	.p-xs{
		padding: 15px;
		padding-top: 0;
	}
}
footer .bg-dark.main{
	padding: 35px 0 ;
}
footer .bg-dark a:hover{
	color: #ccc
}
footer h5{
	color: #fefefe;
}
footer a{
	color: #fefefe;
}
footer  a:hover{
	color: #ccc;
}
footer ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.bg-fe{
	background: #fefefe;
}
footer .bg-dark.border-top{
	border-top: 1px solid #ddd!important;
}
footer .logo{
	margin-top: 5%;
}
footer .logo img{
	height: 120px;
}
footer .logo  i{
	font-size: 25px;
}
.size-13{
	font-size: 10px;
}
.size-3-{
	font-size: 30px!important;
}


.content{
	min-height: 500px;
}
.contact input::placeholder{
	color: #ccc;
}
.contact input , .contact textarea{
	color: #444;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 0 6px;

}
.contact textarea{
	height: 112px;
	resize: none;
}
.btn-sub{
	color: #fefefe!important;
	padding: 3px 5px;
	cursor: pointer;
	transition: all 0.3s
}
.btn-sub.bg-darkgreen:hover{
	background-color: transparent!important;
	color: #21510a!important;
	border: 1px solid #21510a;
}
.btn-sub.bg-mycolor2:hover{
	background-color: transparent!important;
	color: #4290c9!important;
	border: 1px solid #4290c9;
}
.custom-radio .custom-control-input:checked~.custom-control-label:before{
	background-color: #21510a;
}
.custom-control-input:active~.custom-control-label:before{
	background-color: #21510a;
}
.social-icon{
	font-size: 20px;
	color: #444;
}
.social-icon:hover{
	color: #b7b7b7;
}


.dropdown-item {
    white-space: inherit;
}
/**********************************/


        header .navbar.navbar-light .nav-link {
            color: #8b0000 !important;
        }
        .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
            /*color: rgb(25, 25, 112) !important;*/
            color: #007314 !important
        }


        /*******************************/

        /* carousel */
        .media-carousel {
            margin-bottom: 0;
            padding: 0 40px 30px 40px;
            margin-top: 30px;
        }
            /* Previous button  */
            .media-carousel .carousel-control.left {
                left: -12px;
                background-image: none;
                background: none repeat scroll 0 0 #222222;
                border: 4px solid #FFFFFF;
                border-radius: 23px 23px 23px 23px;
                height: 44px;
                width: 40px;
                margin-top: 150px;
            }
            /* Next button  */
            .media-carousel .carousel-control.right {
                right: -12px !important;
                background-image: none;
                background: none repeat scroll 0 0 #222222;
                border: 4px solid #FFFFFF;
                border-radius: 23px 23px 23px 23px;
                height: 44px;
                width: 40px;
                margin-top: 150px;
            }
            /* Changes the position of the indicators */
            .media-carousel .carousel-indicators {
                right: 50%;
                top: auto;
                bottom: 0px;
                margin-right: -19px;
            }
                /* Changes the colour of the indicators */
                .media-carousel .carousel-indicators li {
                    background: #c0c0c0;
                }

                .media-carousel .carousel-indicators .active {
                    background: #333333;
                }

            .media-carousel img {
                width: 250px;
                height: auto;
            }

        .carousel-control-next-icon, .carousel-control-prev-icon {
            display: inline-block;
            width: 40px;
            height: 40px;
        }
        /* End carousel */

        .form-control {
            color: #000000;
            font-size: 12px;
        }

        .navbar-brand {
            padding: 0 15px;
        }

        .block-2 {
            margin-bottom: 20px;
        }

        .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -40px;
}

        .quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  /*background-color: #007314;*/
  /*border: none;*/
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}