/*
 * ------------------------------------------------------------------------
 * fashion Premium Template for joomla 3
 * ------------------------------------------------------------------------
 * Copyright (C) 2012 Sasu Themes. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: dmsumon (Sasu Themes)
 * Websites: http://www.dmsumon.com
  * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
*/

/*---------- fashion-social ID -----------------*/

#fashion-social ul{
	list-style: none;
	padding-left: 0;
	margin: 3px 0 0 0;
}


#fashion-social ul li {
	display: inline-block;
	margin-right: 25px;
}

#fashion-social ul li a {
	background: url("../images/social.png") no-repeat;
	width: 25px;
	height: 25px;
	display: block;
	text-indent: -999999em;
}


div.sasu-latest-blog a.moduleItemImage img:hover,
div.sasu-latest-products .nspArt img.nspImage:hover,
div.sasu-slider-bottom .nspArt img.nspImage:hover,
div.portfolio-black .nspArt img.nspImage:hover,
div.sasu-latest-news img.nspImage:hover,
div.itemImageBlock span.itemImage img:hover, 
span.catItemImage img:hover, 
span.userItemImage img:hover, 
span.tagItemImage img:hover,
#content div.content p img:hover
div.sasu-k2-comments a.k2Avatar img:hover,
div.sasu-google-map div.mod-jgmapsasu-google-map,
#bg-slider div.ari-image-slider, #bg-slider div.nivo-slice{
	
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%); -o-filter: grayscale(100%);
	filter: url(grayscale.svg#grayscale);
	filter: gray;
	-webkit-filter: grayscale(1);
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

div.sasu-latest-blog a.moduleItemImage img,
div.sasu-latest-products .nspArt img.nspImage,
div.sasu-slider-bottom .nspArt img.nspImage,
div.portfolio-black .nspArt img.nspImage,
div.itemImageBlock span.itemImage img, 
span.catItemImage img, 
span.userItemImage img, 
span.tagItemImage img,
#content div.content p img,
div.sasu-latest-news img.nspImage,
div.sasu-k2-comments a.k2Avatar img{
		
	filter: none;
    -webkit-filter: grayscale(0);
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

#fashion-social ul li a:hover{
	cursor: pointer;
}

#fashion-social ul li a.facebook{
	background-position: 0 -120px ;
}

#fashion-social ul li a.facebook:hover{
	background-position: 0 -150px ;
}

#fashion-social ul li a.twitter{
	background-position: 0 -60px ;
}

#fashion-social ul li a.twitter:hover{
	background-position: 0 -90px ;
}

#fashion-social ul li a.linkedin{
	background-position: 0 -240px ;
}

#fashion-social ul li a.linkedin:hover{
	background-position: 0 -270px ;
}

#fashion-social ul li a.google{
	background-position: 0 -1260px ;
}

#fashion-social ul li a.google:hover{
	background-position: 0 -1290px ;
}

#fashion-social ul li a.flickr{
	background-position: 0 -180px ;
}

#fashion-social ul li a.flickr:hover{
	background-position: 0 -210px ;
}


/*---------- sasu-promo -----------------*/

div.sasu-promo{
	color: #4c4c4c;
	font-family: "oswaldregular";
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	padding-top: 45px;
	padding-bottom: 45px;
	margin-bottom: 3px;
	
	-webkit-text-shadow: 2px 2px 1px #000000;
	-moz-text-shadow: 2px 2px 1px #000000;
	-o-text-shadow: 2px 2px 1px #000000;
	text-shadow: 2px 2px 1px #000000;
	
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;		
}


div.sasu-promo span.white{
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;		
}

div.sasu-promo span.theme{
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;		
}

div.sasu-promo:hover{
	cursor: pointer;
}

div.sasu-promo:hover{
	color: #fff;
}

div.sasu-promo:hover span.theme{
	color: #4cd1d0;
}

div.sasu-promo:hover span.white{
	color: #4c4c4c;
}



div.sasu-promo span.white {
	color: #ebebeb;
}

div.sasu-promo span.theme {
	color: #e9403b;
}


/*---------- sasu-slider -----------------*/

div.sasu-slider{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}


div.sasu-slider div.gkIsTextTitle {
	font-family: "oswaldregular";
	font-size: 33px;
}


div.sasu-slider .gkIsWrapper-gk_eSport .gkIsThumbnails{
	background: #000;
}


div.sasu-slider .gkIsWrapper-gk_eSport .gkIsPrev > span, 
div.sasu-slider .gkIsWrapper-gk_eSport .gkIsNext > span{
	border-left: 20px solid #000;
}

div.sasu-slider .gkIsWrapper-gk_eSport .gkIsNext > span{
	border-right: 20px solid #000;
}

.gkIsWrapper-gk_eSport{
	background: #000;
}

/*---------- sasu-slider-bottom -----------------*/


div.sasu-slider-bottom{
	padding-top: 0;
	padding-bottom: 0;
}

div.sasu-slider-bottom a.nspNext, div.sasu-slider-bottom a.nspPrev{
	width: 38px;
	height: 38px;
	opacity: 0.5;
	margin-top: -15px;	
}

div.sasu-slider-bottom a.nspNext{
	background: url("../images/slider-bottom-r.png") no-repeat !important;

}

div.sasu-slider-bottom a.nspPrev{
	background: url("../images/slider-bottom-l.png") no-repeat !important;
}


div.sasu-slider-bottom a.nspNext:hover, div.sasu-slider-bottom a.nspPrev:hover{
	opacity: 1;
}

/*---------- sasu-latest-blog -----------------*/


div.sasu-latest-blog.deepest{
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-left: 22px;
	padding-right: 22px;
	margin-top: 24px;	
	padding-bottom: 0;
}

div.sasu-latest-blog ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	margin-top: 0;
}

div.sasu-latest-blog ul li{
	background: none;
	padding: 0;
}

div.sasu-latest-blog ul li div.moduleItemIntrotext a.moduleItemImage img{
	border: none;
	margin: 0;
	
}

div.sasu-latest-blog h2.title {
	background: url("../images/slider-bg.jpg");
	font-size: 30px;
	line-height: 36px;
	text-transform: uppercase;
	padding: 11px 10px;
	float: left; 
	color: #efefef;
	margin-left: -33px;
	margin-top: 0;
	position: relative;
}

div.sasu-latest-blog h2.title:before{
	background: url("../images/heading-corner.png") no-repeat;
	bottom: -7px;
    content: " ";
    display: block;
    height: 7px;
    left: 0;
    position: absolute;
    width: 10px;
}

div.sasu-latest-blog h2.title a{
	color: #efefef;
}

div.sasu-latest-blog h2.title time {
	font-family: Arial,Helvetica,sans-serif;
	width: 30px;
	display: inline-block;
	float: left;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	padding-right: 8px;
	margin-right: 8px;
	border-right: 1px solid #3D3F41;
}

div.sasu-latest-blog h2.title time span.date{
	font-size: 20px;
	line-height: 20px;
}

div.sasu-latest-blog h2.title time span.month{
	font-size: 11px;
	line-height: 11px;
}

div.sasu-latest-blog ul li div.moduleItemIntrotext{
	padding-top: 0;
}

div.sasu-latest-blog ul li div.moduleItemIntrotext p {
	margin-top: 8px;
}

div.sasu-latest-blog a.moduleItemImage{
	display: block;
}


div.sasu-latest-blog a.moduleItemReadMore{
	background: url("../images/read-more.png") repeat-x;
	display: inline-block;
	color: #45484C;
    font-size: 11px;
    font-weight: bold;
    height: 29px;
    line-height: 28px;
    margin-right: 23px;
    padding: 0 0 0 13px;
    position: relative;
    text-decoration: none !important;
    text-transform: uppercase;
}


div.sasu-latest-blog a.moduleItemReadMore:after{
	background: url("../images/read-more.png") no-repeat 0 -30px;
    content: "";
    height: 29px;
    position: absolute;
    right: -23px;
    top: 0;
    width: 23px;
}

div.sasu-latest-blog div.image{
	margin-top: 10px;
}


/*---------- sasu-accordion -----------------*/

div.sasu-accordion{
	background: #e9403b;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

div.sasu-accordion h3.module-title,
div.sasu-testimonial h3.module-title{
	background: url("../images/slider-bg.jpg");
	color: #efefef;
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	padding: 12px;
	text-align: right;
	float: right;
	margin-right: -22px;
	position: relative;
}

div.sasu-accordion ul.menu-sidebar{
	clear: both;
	margin-left: -15px;
	margin-right: -15px;
}

div.sasu-accordion h3.module-title:before,
div.sasu-testimonial h3.module-title:before{
	background: url("../images/heading-corner-right.png") no-repeat;
	bottom: -7px;
    content: " ";
    display: block;
    height: 7px;
    right: -3px;
    position: absolute;
    width: 10px;	
}

div.sasu-accordion .menu-sidebar li.level1{
	border-top: 1px solid #bb342f;	
}

div.sasu-accordion .menu-sidebar li.level1:last-child{
	border-bottom: 1px solid #bb342f;
}

div.sasu-accordion .menu-sidebar li.level1.active span.level1{
	background: #BB342F;
	border-bottom: 1px solid #f6635f;
}


div.sasu-accordion .menu-sidebar li.level1.active span.level1:hover span{
	color: #fff;
}

div.sasu-accordion li.level1 span{
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	padding: 0;
	
	-webkit-text-shadow: 0 1px 0 rgba(200, 38, 34, 0.1);
	-moz-text-shadow: 0 1px 0 rgba(200, 38, 34, 0.1);
	-o-text-shadow: 0 1px 0 rgba(200, 38, 34, 0.1);
	text-shadow: 0 1px 0 rgba(200, 38, 34, 0.1);
}

div.sasu-accordion li.level1 span.level1{
	background: #ed6662;
	padding: 5px 10px;
	text-align: center;
}

div.sasu-accordion li.level1 span.level1:hover{
	background: #F08787;
}

div.sasu-accordion li.level1 span.level1:hover span{
	color: #000;
}

div.sasu-accordion .menu-sidebar li.parent .level1 > span{
	background: url("../images/accordion-menu-arrow.png") no-repeat 100% 0;	
	padding: 5px 0;
}

div.sasu-accordion .level2 a > span {
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    text-transform: none;   
    background: url("../images/accordion-menu-arrow-inner.png") no-repeat;
    padding-left: 15px;	
    
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;	    
}

div.sasu-accordion .level2 a > span:hover{
	background: url("../images/accordion-menu-arrow-inner.png") no-repeat 0 -100px;
	color: #000;
}

div.sasu-accordion ul.level2{
	padding: 8px;
}

div.sasu-accordion .menu-sidebar li.active .level1 > span{
	background: url("../images/accordion-menu-arrow.png") no-repeat 100% -200px;	
}

/*---------- sasu-video -----------------*/

div.sasu-video{
	background: #000;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;	
}


div.sasu-video h3.module-title{
	font-size: 25px;
	text-transform: uppercase;
	color: #575757;
	text-align: center;
	margin: 15px 0 20px 0;
}

/*---------- sasu-testimonial -----------------*/

div.sasu-testimonial{
	background: #4cd1d0;
	font-family: Georgia;
	color: #fff;
	font-size: 13px;
	line-height: 22px;
	font-style: italic;
	text-transform: uppercase;
	text-align: center;
	margin-top: 0;
	margin-left: 0;	
	margin-right: 0;	
	
	-webkit-text-shadow: 1px 1px 4px #044f4e;
	-moz-text-shadow: 1px 1px 4px #044f4e;
	-o-text-shadow: 1px 1px 4px #044f4e;
	text-shadow: 1px 1px 4px #044f4e;
}


div.sasu-testimonial p ,
div.sasu-testimonial div {
	clear: both;
}

div.sasu-testimonial p {
	background: url("../images/quote.png") no-repeat; 
	text-indent: 27px;
	padding-top: 13px;
	padding-bottom: 0;
}

/*---------- sasu-clients -----------------*/

div.sasu-clients {
	padding: 15px 0;
	margin: 15px 0;
}

div.sasu-clients h3.module-title{
	font-size: 30px;
	line-height: 32px;
	color: #252525;
	margin-top: 10px;
	margin-bottom: 22px;
}

div.sasu-clients ul.clients{
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	float: left;
}

div.sasu-clients ul.clients li {
	display: inline;
}

div.sasu-clients ul.clients a{
	float: left;
	width: 19.7%;	
}

div.sasu-clients ul.clients a img {
	float: left;

	border: 1px solid #DDDDDD;
}


img.listovereffect{
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}


/*---------- sasu-latest-products -----------------*/

div.sasu-latest-products{
	background: #494b4d;
	padding: 22px 22px 17px 22px;
	border-top: 1px solid #606263;
	
	-moz-box-shadow: 2px 2px 2px #000;
	-webkit-box-shadow: 2px 2px 2px #000;
	-o-box-shadow: 2px 2px 2px #000;
	box-shadow: 2px 2px 2px #000;
}

div.sasu-latest-products h4.nspHeader{
	text-transform: uppercase;
	font-size: 25px;
	line-height: 35px;
}

div.sasu-latest-products h4.nspHeader a {
	color: #efefef;
}


div.sasu-latest-products p.nspText {
	color: #b6babd;
	line-height: 22px;
}

/*---------- sasu-k2-comments -----------------*/

div.sasu-k2-comments,
div.sasu-latest-news{
	background: #151515;
	clear: both;
}


div.sasu-k2-comments div.k2LatestCommentsBlock ul{
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

div.sasu-k2-comments div.k2LatestCommentsBlock ul li {
	background: none;
	border-bottom: 1px solid #3D3F41;
	margin-bottom: 20px;
	padding-bottom: 20px;
	line-height: 22px;
}

div.sasu-k2-comments div.k2LatestCommentsBlock ul li a.k2Avatar{
	margin-top: 6px;
	margin-right: 10px;
	float: left;
}


div.sasu-k2-comments h3.module-title,
div.sasu-latest-news h3.module-title{
	background: #fff;
	color: #000;
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	padding: 12px;
	text-align: right;
	float: right;
	margin-right: -22px;
	position: relative;
}


div.sasu-k2-comments h3.module-title:before,
div.sasu-latest-news h3.module-title:before{
	background: url("../images/heading-corner-right-white.png") no-repeat;
	bottom: -7px;
    content: " ";
    display: block;
    height: 7px;
    right: -3px;
    position: absolute;
    width: 10px;	
}

div.sasu-k2-comments a:hover,
div.sasu-latest-news a:hover{
	color: #ccc;
}

/*---------- sasu-latest-news -----------------*/

div.sasu-latest-news h4.nspHeader{
	margin-top: 0;
	margin-bottom: 5px;
	width: 195px;
	text-transform: uppercase;
}

div.sasu-latest-news p.nspText {
	clear: none;
	line-height: 20px;
}

div.sasu-latest-news div.nspArt{
	border-bottom: 1px solid #3D3F41;
	margin-bottom: 25px;
}

div.sasu-latest-news div.nspMain{
	padding-top: 10px;
}


/*---------- portfolio-black  -----------------*/

div.portfolio-black{
	background: url("../images/slider-bg.jpg") repeat scroll 0 0 transparent;
	margin: 15px 0;
	padding: 45px 25px 25px 25px;
	overflow: hidden;
}

div.portfolio-black div.nspMain {
    min-width: 1225px !important;
}

div.portfolio-black div.nspArt {
	width: 286px;
	margin-right: 38px;
	margin-bottom: 38px;
	background: #FAFAFA;
}

div.portfolio-black h4.nspHeader{
	font-size: 40px;
	line-height: 48px;
}


div.portfolio-black h4.nspHeader a {
	color: #151515;
}

div.portfolio-black a.readon{
	background: url("../images/portfolio-readmore.png") no-repeat;
	height: 35px;
	line-height: 35px;
	padding-left: 45px;
	color: #151515;
}

div.portfolio-black a.readon:hover{
	margin-top: -6px;
}


/*---------- contact-us -----------------*/


div.contact-us{
	padding-bottom: 0;
}

div.contact-us h3.module-title{
	margin-left: -39px !important;
}

/*---------- sasu-address -----------------*/

div.sasu-address{
	background: #151515;
	padding-top: 30px;
	min-height: 864px;
}

div.sasu-address h4{
	font-size: 24px;
	text-transform: uppercase;
}

div.sasu-address div.icon-boxes-wrapper{
	margin-bottom: 10px;
	margin-bottom: 28px;
	padding-bottom: 27px;
	border-bottom: 1px dashed #333;
}

/*---------- sasu-tag-cloud -----------------*/

div.sasu-tag-cloud a{
	color: #151515;
	font-family: "oswaldregular";
	line-height: 50px;
}

div.sasu-tag-cloud a:hover{
	background: #E9403B;
}

/*---------- sasu-google-map -----------------*/

div.sasu-google-map div.mod-jgmapsasu-google-map{
	width: 100% !important;
}

/*---------- sasu-bg -----------------*/

div.sasu-bg{
	background: #F4F5F3;
}