/*panels=============================================*/
.panel-header {
    /*text-align: center;*/
	padding-top:2rem;
	padding-bottom:0.5rem;
}
.panel-header i {
    font-size: small;
}

.panel-header span {
    font-size: small;
}

    .panel-header h3 {
        position: relative;
        display: inline;
        color: #0B8899;
        font-size: 1.5em;
       top:-20px;
	   
    }

        .panel-header h3:after {
            content: '';
            width: 0;
            height: 2px;
            background: #0B8899;
            position: absolute;
            right: 0;
            top: 100%;
            transition: all ease-in .3s;
        }

.panel-header h3:hover:after {
    width: 100%;
    transition: all ease-in .3s;
}
/*========================================================*/

.top-slider .carousel-caption {
   
    text-align: right;
    padding: 5px;
    top: 10%;
}

    .top-slider .carousel-caption h5 {
        font-size: 3rem;
        font-weight: bold;
        color: #00103c;
        margin: .2em 0 1em 0;
    }
    .top-slider .carousel-caption p {
        font-size: 1rem;
        font-weight: bolder;
        color: white;
        padding: 10px;
        text-align: right;
		/*background-color:rgba(0, 0, 0, 0.564);*/
		width:50%;
		position:absolute;
		right:25rem;
		top:5rem;
    }


/*itemtype==============================================*/
.item-type {
   
  
}
.item-type .item{
	margin:1.5em;
	
}
.item-type h5 {
    padding:1em;
	font-size:.9em;
}
    .item-type img {
        width: 50%;
    }
.item-type a{
	text-align:center;
}



/*category==============================================*/
.item-cat .row{
   
    border-radius: 2em;
    background: rgba(255,255,255,.9);
	padding:1em;
}

.item-cat h5 {
    padding:1em;
}

.item-cat img {
    width: 20%;
}

.item-cat a {
    text-align: center;
}
/*blogs=======================================*/
.blog .card {
    height: 100%;
    max-height: 100%;
}
.blog .item {
    height: 700px;
    max-height: 700px;
}

.hr-blog .card {
    height: 100%;
    max-height: 100%;
	background:#FFF;
}
/*products=======================================*/
.product .card {
    height: 100%;
    max-height: 100%;
}

.product .item {
    height: 450px;
    max-height: 600px;
}

.hr-product .card {
    height: 100%;
    max-height: 100%;
    background: #FFF;
}
/*main-menu=====================================================*/
.main-menu li a {
    color: #12121d;
    font-size: small;
}
.main-menu li a i{
    color: #000;
    font-size:xx-small;
}
/*Vertical SubMenu================================================*/
/*.vertical-nav .dropdown-submenu {
    position: relative;
}


.vertical-nav .nav .nav-link a {
    color: #bababa;
}

.vertical-nav .nav .nav-link {
    color: #bababa;
}*/

/*.vertical-nav .nav .nav-link a:hover {
    color: black;
}*/
/*.vertical-nav .dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.vertical-nav .dropdown-toggle::after {
    display: none !important;
}

.vertical-nav ul.dropdown-menu {
    text-align: right;
    font-size: 12px;
    top: 0;
    right: 50%;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #f3f3f3;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.vertical-nav .dropdown.open .dropdown-menu {
    max-height: 500px;
    opacity: 1;
}

.vertical-nav ul.dropdown-menu > li {
    padding: 8px 0;
}

    .vertical-nav ul.dropdown-menu > li > a {
        color: #000 !important;
    }

        .vertical-nav ul.dropdown-menu > li > a:hover {
            color: #8b0000 !important;
        }

.navbar-nav .dropdown-toggle::after {
    display: none !important;
}*/




/*stat===============================================*/
.stat {
	 
   
    color: #FFF ;
}
    .stat h3 {
        color: #FFF !important;
    }
.stat i {
    
    font-size: 3em;
}
.stat p {
    font-size: 1em;
}
.stat .number-count {
    font-size: 2em;
}






.farsh .item{
	background-color:white;
	overflow:hidden;
	padding:0!important;
	
}





.farsh .item p{
		background-color:rgba(0, 0, 0, 0.473);
		position:absolute;
		right:-100%;
		width:100%;
		bottom:-5px;
		height:50%;
		transition:all 0.5s;
		color:white;

}




.farsh .item:hover p{
	right:0;
	transition:all 0.5s;
}



.farsh .item h2{
		background-color:rgba(0, 0, 0, 0.473);
		position:absolute;
		right:-100%;
		width:100%;
		bottom:102px;
		height:50%;
		transition:all 1s;
		text-align:center;
		font-size:20px;
		padding-top:20px;
		

}


.farsh .item:hover h2{
	right:0;
	transition:all 1s;
}



.farsh .item div{
	padding:0!important;
}






.card-farsh .item{
	
	padding:0!important;
	position:relative;
}


.card-farsh .item h2{
	text-align:center;
	border-bottom:2px #184D47 solid;
	
}



.card-farsh .item:hover img{
	transform: scale(1.1);
	transition:all 1s;
}

.card-farsh .item:hover h2{
	color:#184D47;
	

}

.card-farsh .item img{
	transition:all 1s;
	position:relative;
	z-index:0;
}

.card-farsh .card a{
	overflow:hidden;
	
}


.card-farsh .card-body{
	position:relative;
	z-index:9!important;
	background-color:white;
}


.card-farsh .card .btn{
	
	transition:all 1s;
}




.card-farsh .card:hover .btn{
	margin-bottom:5%!important;
	transition:all 1s;
}








/*کارگاه ها */

.naghsh-farsha{
    overflow: hidden;
}


.naghsh-farsh .item{
	height:auto;
	padding:0!important;
	position:relative;
    overflow: hidden;
	
}


.naghsh-farsh .item p{
	visibility:hidden;
	display:none;
}

.naghsh-farsh .card{
	
	padding:0!important;
	
}



.naghsh-farsh .card div{
	
	padding:0!important;
	
}

.naghsh-farsh .item h2{
	
	text-align:center;
	width:100%;
	height:15%;
	background-color:black;
	padding:6px!important;
	top:85%;
	right:40%;
	color:white!important;
	z-index:10;
    position: absolute;
    right:330px;
    transition: all 1s;
    bottom: 24px;
    color: white;
	border-radius:50px;
	
}



.naghsh-farsh .card{
	
	width:100%;
	margin:0!important;
	
}



.naghsh-farsh .card img{
	filter: grayscale(100%);
    transition:all 1s;
 
}





.naghsh-farsh .item:hover h2{
	right: 0px;
    bottom: 44px;
    transition: all 1s;
    padding: 10px;
	margin:0 !important;
	border-radius:0;
	
}


.naghsh-farsh .item:hover:after{
	background-color:none;
	opacity:0;
	transition:all 0.5s;
}



.naghsh-farsh .item:hover img{
	filter: none;
	transition:all 0.5s;
}

/*


.naghsh-farsh h2{
    background-color: #761010a0;
    position: relative;
    right:380px;
    transition: all 1s;
    bottom: 24px;
    color: white;
    
}


.naghsh-farsh .item:hover h2{
    right: 0px;
    bottom: 44px;
    transition: all 1s;
    padding: 10px;
	margin:0 !important;
    
    
}



*/


/*نقشه فرش*/



.farshchi .card h2{
	text-align:center;
}



.farshchi{
	margin-bottom:5%;
	margin-top:2%;
	position:relative;
	
}

.farshchi .item{
	padding:0!important;
	transition:all 1s;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19)!important;
}

.farshchi .item:hover{
	transition:all 0.5s;
	transform: translatey(-1rem);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19)!important;
	
}