/*
 * ================================================================
   RAXO All-mode PRO J2.5 - Template CSS
 * ----------------------------------------------------------------
 * @package		RAXO All-mode PRO
 * @subpackage	All-mode Grid Template
 * @copyright	Copyright (C) 2009-2012 RAXO Group
 * @license		Copyrighted Commercial Software
 * 				This file is forbidden for redistribution
 * @link		http://raxo.org
 * ================================================================
*/


/* ----- RESET Styles ----- */
.allmode-gallery-three .allmode_name, .allmode-gallery-three .allmode_showall,
.allmode-gallery-three .allmode_item,
.allmode-gallery-three .allmode_title, .allmode-gallery-three img {
	margin: 0; padding: 0;
	text-transform: none;
	background: none !important; border: 0 none;
}
.allmode-gallery-three a {
	text-decoration: none;
	background: none !important;
}
.allmode-gallery-three :focus {outline: 0;}



/* ----- MODULE BOX Styles ----- */
.allmode-gallery-three {
	position: relative;
	/*padding-top: 30px;*/
	overflow: hidden;
	/*border-top: 1px solid #999;*/
}
.allmode-gallery-three > div {
	padding-top: 18px;
	/*border-top: 2px solid #000;*/
}
.allmode-gallery-three .allmode_itemsbox {
	margin: 0 -25px;
	overflow: hidden;
}
.allmode-gallery-three .allmode_item {
    float: right;
    margin: 0 0 18px 0px;
    overflow: hidden;
    padding-left: 0px;
    position: relative;
}
.allmode-gallery-three .allmode_name {													/* Module Block NAME */
	position: relative;
	margin: -30px 0 0 !important; padding: 3px 140px 3px 16px !important;
	color: #666; background-color: #fff !important;
}
.allmode-gallery-three .allmode_showall {												/* "Show All" TEXT */
	padding: 5px 16px;
	color: #666;
	border-top: 1px solid #000; border-bottom: 1px solid #999;
	background-color: #fff !important;
}
	.allmode-gallery-three .allmode_name a,
	.allmode-gallery-three .allmode_showall a {
		color: #666;
	}

.allmode-gallery-three .allmode_switch {													/* Layout Switch */
position: absolute;
    top: 5px;
    right: 16px;
    left: 0px;
}
	.allmode-gallery-three .allmode_switch span {
		display: block; float: left;
		margin-left: 8px; padding: 0px;
		color: #373737; text-transform: uppercase;
		width: 20px;
		height: 20px;
	}
	.allmode-gallery-three .allmode_sw_grid {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAACLCAQAAAApbGppAAAAZElEQVR4Xu2VMQ7AMAjEeGIf3j9R0hmJQyILsp2B4RZPsdcVLV5Je+Zhes3PliaQoGg9AMAVr8x+smt2tjmBBMkWAPC4osUr6c78kF7zs6UJJCjaHQD4F0raMztm1/xsawIJih/MrNc2UAqSZAAAAABJRU5ErkJggg==) no-repeat 100% 0;
		/*background: url(ico-switch-grid.png) no-repeat 100% 0;*/
	}
	.allmode-gallery-three .allmode_sw_list {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAACLCAQAAAApbGppAAAAVklEQVR4Xu2VsQ3AMAzDdGIP709qHjAsAc1GMqNgjtHrRJ23Us88GV4jSjRRHQDgxCuzEaJEf51VAMDjRJ230s48El4jSjRRdwDgX1ipZ5pMrxElmvgBoLmnZo/JIUIAAAAASUVORK5CYII=) no-repeat 100% 0;
		/*background: url(ico-switch-list.png) no-repeat 100% 0;*/
	}
	.allmode-gallery-three .allmode_switch .active {
		cursor: pointer;
		background-position: 100% -40px;
	}


/* ----- COMMON Fields Styles ----- */
.allmode-gallery-three .allmode_img {													/* Items IMAGE */
	position: relative;
	padding: 0px;
	/*border: 1px solid #ccc;*/
	background-color: #fff;
}
.allmode-gallery-three .allmode_title {													/* Items TYTLE */
	margin: 0px 0 4px 0;
	text-transform: none;
}
	.allmode-gallery-three .allmode_title a {
		color: #000;
	}
.allmode-gallery-three .allmode_text {													/* Items TEXT */
	color: #373737;
}
.allmode-gallery-three .allmode_readmore {
	font-size: 90%; font-weight: bold;
}
.allmode-gallery-three .allmode_category {												/* Items CATEGORY */
	position: absolute;
	left: -1px; bottom: -1px;
	overflow: hidden;
}
	.allmode-gallery-three .allmode_category div {
		float: left;
		padding: 1px 4px 1px 7px;
		font-size: 10px; line-height: 14px; text-transform: uppercase;
		color: #fff; background-color: #313131;
	}
	.allmode-gallery-three .allmode_category span {
		float: left; display: block;
		width: 0; height: 1px;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		border-left: 4px solid #313131;
	}
	.allmode-gallery-three .allmode_category a {
		color: #fff;
	}
.allmode-gallery-three .allmode_details {
	font-size: 11px; line-height: 13px;
	color: #525252;
	overflow: hidden;
}
	.allmode-gallery-three .allmode_details span {
		margin-right: 10px;
	}
.allmode-gallery-three .allmode_comments {												/* Items COMMENTS */
	float: right;
	margin-left: 2px;
	width: 22px; height: 18px;
	color: #fff; text-align: center !important;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAyCAQAAADygOOQAAAAeklEQVR4Xu3UrRHDQAwF4bWquBrMREzTygEjF5AiwtRC0NXiAtKBZ1zBUcczaeDN5I/oE10g9NDB4BduTEK5cjWalMJEMwqqYuj4VZzxhmozZnYUOzMvfpx3139+sKDx7iMqr7whpSFyRf8U54rGcd5XVjR6jKii8mlP4z0hYwM8BygAAAAASUVORK5CYII=) no-repeat 0 0;
	/*background: url(ico-comments.png) no-repeat 0 0;*/
}
.allmode-gallery-three .allmode_rating {													/* Items RATING */
	margin-top: 2px;
	white-space: nowrap;
}
	.allmode-gallery-three .allmode_rating span {
		display: inline-block; margin: 0 1px 0 2px;
		width: 9px; height: 9px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAABFCAYAAACYC8wHAAACN0lEQVR42u2VzYsSYRzHfz0FZgZK+JIgEkL9A7K5BF0j7Cysy9BKsB522JNINBftIMR29hKEd29BHjpGByEkqK3tUASbrfhy8GV9mxnHp+frYYl5prsHf/A5zOczz/PAMMxQoVCICdKCrAPwMdI0bbfT6Rxzh4FHp1wut29ZFjdNUwIenQ7EzOdzPp1OJeDRKZPJqOPxmA8GAwl4dEqlUof9fh/nS8CjUzKZVHu9Hm82mxLw6LS9vb3TaDROsLLdbl+Aa3h0CofD0UAgoAjyDijotJn1nEfv/YItwX0HtladHr67u/eaF1681bkdeHRGi4nrtt8oGgsiO/DojIzRZWPBaW7KwKOLm4ZkWET6QgYeXdw0uKSbROM5l4BHZ6T3ObZ13AnHic5oejb5+Pvqc9cVIjvw6ETeOzfo+q2E4IEDiVXfzFpOq9WKdrtdRZB3QEGner2+E4/HT4LBIA+FQhfgGh6darWa6vf7eSQSkYBHp2q1eujz+VYr7cCjU6VSUT0eD/d6vRLw6FQulw9cLhd3u90S8OhsNpuJ34hJ/wOdSqXSrjj/WDwNbgcenYrFYkyQFmQdgI9t3qb1nB9/zqOnnYkiyDugoLNvp6N7yZfnWkJrHiW0s39oHsGjU/nNT/Xmk+88vP9LAh6dDccmI74gvjQk4Ff96asvaujxJx7a+ywjPDobTkzOLbHK0iXg0dloKl7kpSm2l4FHZzPdmrBrga+0FF93G/DolHz2ISZIC7IOwMf+Avg42/XwPv6bAAAAAElFTkSuQmCC) no-repeat 0 0;
		/*background: url(ico-rating.png) no-repeat 0 0;*/
	}
	.allmode-gallery-three .allmode_star span {
		margin: 0;
		background-position: 0 -20px;
	}


/* ----- GRID Layout Styles ----- */
.allmode-gallery-three .allmode_items_grid .allmode_item {
	/*border-bottom: 2px solid transparent;*/
}
.allmode-gallery-three .allmode_items_grid .allmode_img {
	margin: 0 0 10px 0;
}
.allmode-gallery-three .allmode_items_grid .allmode_title {

}
.allmode-gallery-three .allmode_items_grid .allmode_rating {
	float: right;
	margin-right: 0;
}
	.allmode-gallery-three .allmode_items_grid .allmode_text,
	.allmode-gallery-three .allmode_items_grid .allmode_author,
	/*.allmode-gallery-three .allmode_items_grid .allmode_hits,*/
	/*.allmode-gallery-three .allmode_items_grid .allmode_comments,*/
	.allmode-gallery-three .allmode_items_grid .allmode_readmore {
		display: none;
	}



/* ----- LIST Layout Styles ----- */
.allmode-gallery-three .allmode_items_list .allmode_item {
	float: none;
	padding-right: 0px;
	height: auto !important;
	border-right: 0px solid transparent;
}
.allmode-gallery-three .allmode_items_list .allmode_img {
float: right;
    margin: 0 4px 4px 15px;
}
.allmode-gallery-three .allmode_items_list .allmode_info {
	display: table-cell;
}
.allmode-gallery-three .allmode_items_list .allmode_title {
	margin-top: 0;
	font-size: 14px;
}
.allmode-gallery-three .allmode_items_list .allmode_comments {
	margin-top: 1px;
}
.allmode-gallery-three .allmode_items_list .allmode_details {
	margin-bottom: 4px;
}



/* ----- WHITE Theme (default) ----- */

/* --- Red Color (default) --- */
.allmode-gallery-three .allmode_item:hover {
	/*border-color: #b90f1b;*/
}
.allmode-gallery-three .allmode_item:hover .allmode_img {
	/*border-color: #b90f1b; background-color: #b90f1b;*/
}
.allmode-gallery-three .allmode_name a:hover,
.allmode-gallery-three .allmode_showall a:hover,
.allmode-gallery-three .allmode_item:hover .allmode_title a,
.allmode-gallery-three .allmode_readmore a,
.allmode-gallery-three .allmode_category a:hover {
	/*color: #004adf !important;*/
}

/* --- Blue Color --- */
.grid-blue .allmode_item:hover {
	border-color: #004b96;
}
.grid-blue .allmode_item:hover .allmode_img {
	border-color: #004b96; background-color: #004b96;
}
.grid-blue .allmode_name a:hover,
.grid-blue .allmode_showall a:hover,
.grid-blue .allmode_item:hover .allmode_title a,
.grid-blue .allmode_readmore a,
.grid-blue .allmode_category a:hover {
	/*color: #004b96 !important;*/
}

/* --- Green Color --- */
.grid-green .allmode_item:hover {
	border-color: #426e0f;
}
.grid-green .allmode_item:hover .allmode_img {
	border-color: #426e0f; background-color: #426e0f;
}
.grid-green .allmode_name a:hover,
.grid-green .allmode_showall a:hover,
.grid-green .allmode_item:hover .allmode_title a,
.grid-green .allmode_readmore a,
.grid-green .allmode_category a:hover {
	color: #426e0f !important;
}

/* --- Orange Color --- */
.grid-orange .allmode_item:hover {
	border-color: #c84101;
}
.grid-orange .allmode_item:hover .allmode_img {
	border-color: #c84101; background-color: #c84101;
}
.grid-orange .allmode_name a:hover,
.grid-orange .allmode_showall a:hover,
.grid-orange .allmode_item:hover .allmode_title a,
.grid-orange .allmode_readmore a,
.grid-orange .allmode_category a:hover {
	color: #c84101 !important;
}

/* --- Violet Color --- */
.grid-violet .allmode_item:hover {
	border-color: #6d16bf;
}
.grid-violet .allmode_item:hover .allmode_img {
	border-color: #6d16bf; background-color: #6d16bf;
}
.grid-violet .allmode_name a:hover,
.grid-violet .allmode_showall a:hover,
.grid-violet .allmode_item:hover .allmode_title a,
.grid-violet .allmode_readmore a,
.grid-violet .allmode_category a:hover {
	color: #6d16bf !important;
}


/* ----- BLACK Theme ----- */
.grid-black {
	border-color: #666;	background-color: #111;
}
.grid-black > div {
	border-color: #eee;
}
.grid-black .allmode_name {
	color: #999; background-color: #000 !important;
}
.grid-black .allmode_showall {
	color: #999; background-color: #000 !important;
	border-top-color: #eee; border-bottom-color: #666;
}
.grid-black .allmode_name a,
.grid-black .allmode_showall a,
.grid-black .allmode_switch span {color: #999;}
	.grid-black .allmode_switch span {background-position: 100% -80px;}
	.grid-black .allmode_switch .active {background-position: 100% -120px;}
.grid-black .allmode_img {border-color: #666; background-color: #222;}
.grid-black .allmode_title a {color: #eee;}
.grid-black .allmode_text {color: #a6a6a6;}
.grid-black .allmode_category div {color: #000; background-color: #919191;}
	.grid-black .allmode_category span {border-left-color: #919191;}
	.grid-black .allmode_category a {color: #000;}
.grid-black .allmode_details {color: #737373;}
.grid-black .allmode_rating span {background-position: 0 -40px;}
.grid-black .allmode_star span {background-position: 0 -60px;}
.grid-black .allmode_comments {color: #000; background-position: 0 -30px;}

.graid_photo_news .allmode_item:nth-child(3n+1) {
   
}
.allmode-gallery-three .allmode_item{
	width:25%; 
	border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}

.graid_photo_news .allmode_item .allmode_info h4.rotitr a {
    color: #6c757d;
}

.graid_photo_news .allmode_item .allmode_info h4.rotitr {
    font-weight: normal;
    font-size: 0.8rem;
    font-family: 'vazir';
    margin: 0px;
}

.allmode-gallery-three .desc {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 20px;
    text-shadow: 0 0 3px #333;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
    overflow: hidden;
}

/*.allmode-gallery-three .desc {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}*/

/*.allmode-gallery-three .allmode_item:hover .desc {
  height: 100%;
}*/

.allmode-gallery-three .allmode_item:hover .desc {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.allmode-gallery-three .allmode_item .desc {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}




.allmode-gallery-three figure {
    margin: 0 !important;
}
.allmode-gallery-three .desc h3 {
    line-height: 2rem;
    margin-bottom: 10px;
    font: bold 1.1rem/1.4 "sahel";
}
.allmode-gallery-three .desc * a {
    color: #fff;
}
.allmode-gallery-three .desc h3 a {
    display: inline-block;
    padding: 0px 0;
}
.allmode-gallery-three .desc * a:hover {
    color: #ee0000 !important;
}
.allmode-gallery-three .desc a {
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}

.allmode-gallery-three .desc h4 {
    font: normal 0.8rem/1.4 "Vazir";
}

.allmode-gallery-three .desc h4{
    margin: 0;
}
.allmode-gallery-three .desc time a {
    color: #adb5bd;
    font-size: 0.7rem;
    display: inline-block;
    font-weight: 900;
}
.allmode-gallery-three .desc time a::before {
    content: "\e882";
    font-family: 'icon';
    font-size: 0.8rem;
    color: #adb5bd;
    padding: 0px 2px 0px 0px;
    font-weight: 100;
    display: inline-block;
    margin-left: 5px;
    float: right;
    margin-top: -2px;
}
.allmode-gallery-three .allmode_item:nth-child(4n+1) {
    clear: both;
}
.allmode-gallery-three .allmode_item:nth-child(n+3){
	margin-top: auto;
}
.allmode-gallery-three .allmode_item:nth-child(n+3) img {
    /*margin-right: 5px;*/
}
.allmode-gallery-three .allmode_item:first-child {
    padding-top: 0;
}
.allmode-gallery-three .allmode_item:nth-child(n+5) {
    margin-top: 20px;
}

.allmode-gallery-three .allmode_item figure a {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66.66667%;
    display: block;
    overflow: hidden;
    position: relative;
}