/* Filterable Portfolio Stylesheet */




@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/opensans-extrabold-webfont.eot');
    src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular-webfont.woff') format('woff'),
         url('../fonts/lato-regular-webfont.ttf') format('truetype'),
         url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-light-webfont.woff') format('woff'),
         url('../fonts/lato-light-webfont.ttf') format('truetype'),
         url('../fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold-webfont.woff') format('woff'),
         url('../fonts/lato-bold-webfont.ttf') format('truetype'),
         url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'patrick_hand_scregular';
    src: url('../fonts/patrickhandsc-regular-webfont.eot');
    src: url('../fonts/patrickhandsc-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/patrickhandsc-regular-webfont.woff') format('woff'),
         url('../fonts/patrickhandsc-regular-webfont.ttf') format('truetype'),
         url('../fonts/patrickhandsc-regular-webfont.svg#patrick_hand_scregular') format('svg');
    font-weight: normal;
    font-style: normal;
}




/* Simple Reset
------------------------------------------------------------ */
html, body, div, h1, h2, ul, li, dl, dd, dt, p { margin: 0; padding: 0; }
ul { list-style: none; }


/* Import Fonts

------------------------------------------------------------ */

/*change width here*/
 .gallery_contant{
	width:100%; border: solid 0px #FFFF00; padding:0px;
	 margin:20px auto 20px auto !important; display:block;
	
}
.gallery_contant h2{ text-shadow:none; 
	width:98%;
	display:block;
	font-family:"latoregular", Arial ;
	font-size:18px; line-height:26px; font-weight:400;
	color:#436cb6;
	/*border-bottom:2px dotted #b6215e;*/
	padding:10px 0px 12px 10px; margin:0px auto;	
}

.gallery_contant h1{
	width:98%;
	display:block;
	font-family:"Open-Sans-Condensed";
	font-size:20px;
	color:#FFF;
	/*border-bottom:2px dotted #b6215e;*/
	padding:6px 0px 7px 6px; margin:0px;	
}
.gallery_contant p{
	width:98%;
	display:block;
	font-size:11px; font-family: "Lato", Arial;
	color:#525252;
	line-height:21px;
	margin:0px; word-spacing:0.5px;
	padding:5px 0 5px 6px;
}
/* Custom Classes
------------------------------------------------------------ */
/*change width here*/
.group{ width:100%;  margin: 16px 0px 6px 0px; padding:0px; }
.group:after { visibility: hidden;  display: inline-block; content: ""; clear: both; height: 0;  }
* html .group { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1;  } /* IE7 */


/* General Styles
------------------------------------------------------------ */

/* Filter */
dl { color: #fff; font-size:18px; margin: 0px 0px 10px 0px;}
dt, dd { float: left; margin: 0px 0px 10px 0px; }
dt {  padding:0px 5px 0px 20px;    }
.filter { padding:0px 0px 0px 10px; display:inline;}
.filter li { float: left; font-size:13px; font-weight:500; }
.filter li:last-child:after { content: ""; background-color:#000; }
.filter a { padding: 8px 12px 8px 12px; display:block; float:left; color: #000; text-decoration: none; background-color:#f4f4f4;  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-right:8px; margin-bottom:7px;}
.filter a:hover, .current a { color: #fff; background-color:#594f4f; }
/*change width here*/
.portfolio {width:100%; margin: 0px 0px 10px 0px;float: left;}
/* Portfolio Items */
/*change width and padding here*/
.portfolio li { width:23.7%; padding:6px 0px 6px 0px; margin: 6px 0.5% 6px 0.5%; display:inline-block;  }
/*.portfolio li:nth-child(4n) { right:0px !important; margin-right:0px; background-color:#3399FF }*/
.portfolio li a { display:inline-block; text-decoration: none; }
.portfolio li img { max-width:98%; display: block; border: solid 0px #bee0db; padding:10px 10px 10px 10px; background-color:#ffffff;  box-shadow: 3px 3px 3px #878787; -moz-box-shadow: 3px 3px 3px #878787; -webkit-box-shadow: 3px 3px 3px #878787; float:left }
.portfolio li div { width:98%; padding:6px 0px 6px 0px !important; margin:6px 0px 0px 0px !important; background-color:#3483c2; text-align:center !important; overflow:hidden !important; color:#FFFFFF; line-height:22px; box-shadow: 3px 1px 3px #878787;
	-moz-box-shadow: 3px 3px 3px #878787;float:left
	-webkit-box-shadow: 3px 3px 3px #878787;  }
.product_name,
.avali_here_name,.avali_here_age{font-family: "Lato", Arial; vertical-align: middle; 
	font-size:13px; font-weight:500; text-align:center !important; line-height:18px;
	color:#f1f1f1;overflow:hidden !important; }
.portfolio li h1{ width:96% !important; float:left !important; padding:10px 10px 10px 10px; display:inline-block;    /*background-image: url(../images/org_line.jpg); background-repeat:repeat-x;   background-position:left top;*/margin:0px 0px 0px 0px; font-family:"Open Sans";
	font-size: 18.5px;   word-spacing:0.4px;  
	font-weight:500;
	color: #e3524f ; text-shadow:1px 1px 2px #d9d6d6;
	text-decoration: none;}	
	
.portfolio li div p{ width:98% !important; float:left; padding:0px; /*background-image: url(../images/org_line.jpg); background-repeat:repeat-x; background-position:left top;*/margin:0px 0px 0px 0px; font-family:"Lato";
	font-size: 11.5px;   word-spacing:0.4px;  
	font-weight:500;
	color: #beb8a8 ; /*text-shadow:1px 1px 2px #bc8964;*/
	text-decoration: none; }	
	
.product_name,
.avali_here_name,.avali_here_age a{font-family: "Lato",  Arial ;  
	color:#f1f1f1; text-decoration:none;}	
.product_name,
.avali_here_name,.avali_here_age a:hover{font-family: "Lato",  Arial ;  
	color:#f1f1f1; text-decoration:none;}	
	
.portfolio li div a { color:#FFFFFF; text-decoration:none; }		
	
.fire-ltr{ direction:ltr}	


.portfolio li a .fix-img img { width: 238px; height: 232px; display: block; padding:10px 10px 10px 10px;  float:left }

.portfolio li:last-child{ padding-right:0px; margin-right:0px;}

.portfolio li:first-child{ padding-left:0px; margin-left:0px;}


@media (min-width:767px)  and (max-width:992px){
dl { color: #fff; font-size:18px; margin: 0px 0px 10px 0px; background-color:#1163be}
dt, dd { float: left; margin: 0px 0px 10px 0px; }
dt {  padding:0px 5px 0px 20px;    }
.filter { padding:0px 0px 0px 10px; display:inline;}
.filter li { float: left; font-size:11px !important; font-weight:500; }
.filter li:last-child:after { content: ""; background-color:#0000FF; }
.filter a { padding: 8px 12px 8px 12px; display:block; float:left; color: #000; text-decoration: none; background-color:#b8b8b8;  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-right:8px; margin-bottom:7px !important;}
.filter a:hover, .current a { color: #fff; background-color:#1163be; }

.portfolio {width:100%; margin: 0px 0px 10px 0px;float: left;}
/* Portfolio Items */
/*change width and padding here*/
.portfolio li { width:23%; padding:6px 0px 6px 0px; margin: 6px 0.5% 6px 0.5%; display:inline-block;  }
/*.portfolio li:nth-child(4n) { right:0px !important; margin-right:0px; background-color:#3399FF }*/

.portfolio li a { display:inline-block; text-decoration: none; }
.portfolio li img { width:98% !important;   display: block; border: solid 0px #0655ad; padding:10px 10px 10px 10px; background-color:#0655ad;  box-shadow: 3px 3px 3px #878787; -moz-box-shadow: 3px 3px 3px #878787; -webkit-box-shadow: 3px 3px 3px #878787; float:left }
.portfolio li div {width:98%; padding:6px 0px 6px 0px !important; margin: 4px 0px 0px 0px !important; background-color:#1163be; text-align:center !important; overflow:hidden !important; color:#FFFFFF; line-height:22px; box-shadow: 3px 3px 3px #878787;
	-moz-box-shadow: 3px 3px 3px #878787;float:left
	-webkit-box-shadow: 3px 3px 3px #878787;  }}
	
@media(max-width:320px){
dl { color: #fff; font-size:18px; margin: 0px 0px 10px 0px; background-color:#1163be}
dt, dd { float: left; margin: 0px 0px 10px 0px; }
dt {  padding:0px 5px 0px 20px;    }
.filter { padding:0px 0px 0px 10px; display:inline;}
.filter li { float: left; font-size:11px !important; font-weight:500; }
.filter li:last-child:after { content: ""; background-color:#0000FF; }
.filter a { padding: 6px 8px 6px 8px !important; display:block !important; float:left !important; color: #000; text-decoration: none; background-color:#b8b8b8 !important;  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-right:8px; margin-bottom:7px !important;}
.filter a:hover, .current a { color: #fff; background-color:#1163be !important; }

.portfolio {width:100%; margin: 0px 0px 10px 0px; float: left;}
/* Portfolio Items */
/*change width and padding here*/
.portfolio li { width:90% !important; padding:6px 0px 6px 0px; margin: 6px 0.5% 6px 0.5%; display:inline-block;  }
/*.portfolio li:nth-child(4n) { right:0px !important; margin-right:0px; background-color:#3399FF }*/

.portfolio li a { display:inline-block; text-decoration: none; }
.portfolio li img { width:98% !important;   display: block; border: solid 0px #0655ad; padding:10px 10px 10px 10px; background-color:#0655ad;  box-shadow: 3px 3px 3px #878787; -moz-box-shadow: 3px 3px 3px #878787; -webkit-box-shadow: 3px 3px 3px #878787; float:left }
.portfolio li div {width:98%; padding:6px 0px 6px 0px !important; margin: 4px 0px 0px 0px !important; background-color:#1163be; text-align:center !important; overflow:hidden !important; color:#FFFFFF; line-height:22px; box-shadow: 3px 3px 3px #878787;
	-moz-box-shadow: 3px 3px 3px #878787;float:left
	-webkit-box-shadow: 3px 3px 3px #878787;  }}
	
	
@media(max-width:480px){

dl { color: #fff; font-size:18px; margin: 0px 0px 10px 0px; background-color:#1163be}
dt, dd { float: left; margin: 0px 0px 10px 0px; }
dt {  padding:0px 5px 0px 20px;    }
.filter { padding:0px 0px 0px 10px; display:inline;}
.filter li { float: left; font-size:11px !important; font-weight:500; }
.filter li:last-child:after { content: ""; background-color:#0000FF; }
.filter a { padding: 6px 8px 6px 8px !important; display:block !important; float:left !important; color: #000; text-decoration: none; background-color:#b8b8b8 !important;  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-right:8px; margin-bottom:7px !important;}
.filter a:hover, .current a { color: #fff; background-color:#1163be !important; }

.portfolio {width:100%; margin: 0px 0px 10px 0px; float: left;}
/* Portfolio Items */
/*change width and padding here*/
.portfolio li { width:98% !important;; padding:6px 0px 6px 0px; margin: 6px 0.5% 6px 0.5%; display:inline-block;  }
/*.portfolio li:nth-child(4n) { right:0px !important; margin-right:0px; background-color:#3399FF }*/

.portfolio li a { display:inline-block; text-decoration: none; }
.portfolio li img { width:98% !important;   display: block; border: solid 0px #0655ad; padding:10px 10px 10px 10px; background-color:#0655ad;  box-shadow: 3px 3px 3px #878787; -moz-box-shadow: 3px 3px 3px #878787; -webkit-box-shadow: 3px 3px 3px #878787; float:left }
.portfolio li div {width:98%; padding:6px 0px 6px 0px !important; margin: 4px 0px 0px 0px !important; background-color:#1163be; text-align:center !important; overflow:hidden !important; color:#FFFFFF; line-height:22px; box-shadow: 3px 3px 3px #878787;
	-moz-box-shadow: 3px 3px 3px #878787;float:left
	-webkit-box-shadow: 3px 3px 3px #878787;  }}
	
	@media (min-width:480px) and (max-width:560px){
	
	dl { color: #fff; font-size:18px; margin: 0px 0px 10px 0px; background-color:#1163be}
dt, dd { float: left; margin: 0px 0px 10px 0px; }
dt {  padding:0px 5px 0px 20px;    }
.filter { padding:0px 0px 0px 10px; display:inline;}
.filter li { float: left; font-size:11px !important; font-weight:500; }
.filter li:last-child:after { content: ""; background-color:#0000FF; }
.filter a { padding: 6px 8px 6px 8px !important; display:block !important; float:left !important; color: #000; text-decoration: none; background-color:#b8b8b8 !important;  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-right:8px; margin-bottom:7px !important;}
.filter a:hover, .current a { color: #fff; background-color:#1163be !important; }
	

.portfolio {width:100%; margin: 0px 0px 10px 0px; float: left;}
/* Portfolio Items */
/*change width and padding here*/
.portfolio li { width:48% !important;; padding:6px 0px 6px 0px; margin: 6px 0.5% 6px 0.5%; display:inline-block;  }
/*.portfolio li:nth-child(4n) { right:0px !important; margin-right:0px; background-color:#3399FF }*/

.portfolio li a { display:inline-block; text-decoration: none; }
.portfolio li img { width:98% !important;   display: block; border: solid 0px #0655ad; padding:10px 10px 10px 10px; background-color:#0655ad;  box-shadow: 3px 3px 3px #878787; -moz-box-shadow: 3px 3px 3px #878787; -webkit-box-shadow: 3px 3px 3px #878787; float:left }
.portfolio li div {width:98%; padding:6px 0px 6px 0px !important; margin: 4px 0px 0px 0px !important; background-color:#1163be; text-align:center !important; overflow:hidden !important; color:#FFFFFF; line-height:22px; box-shadow: 3px 3px 3px #878787;
	-moz-box-shadow: 3px 3px 3px #878787;float:left
	-webkit-box-shadow: 3px 3px 3px #878787;  }}