/*

 * ------------------------------------------------------------------------

 * Corpora Premium Template for joomla 2.5

 * ------------------------------------------------------------------------

 * 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.

 * ------------------------------------------------------------------------

*/





/************************ promo ************************************/



div.promo {

    

    font-family: "droid_serifregular", Helvetica, Arial, sans-serif;

    font-style: italic;

    text-align: center;

}



#ja-promo div.ja-moduletable div.promo {

    margin-top: 60px;	

}



#ja-promo div.main {

	border-bottom: 5px solid #ededed;

}



div.promo p.heading {

	color: #666;

	font-size: 30px;

	margin-bottom: 25px;

	

	-webkit-text-shadow: 1px 1px 0 #F6F6F6, 2px 2px 0 #D6D6D6;

	-moz-text-shadow: 1px 1px 0 #F6F6F6, 2px 2px 0 #D6D6D6;

	-o-text-shadow: 1px 1px 0 #F6F6F6, 2px 2px 0 #D6D6D6;

	text-shadow: 1px 1px 0 #F6F6F6, 2px 2px 0 #D6D6D6;

}



div.promo p.desc {

	color: #999;

	font-size: 18px;

	margin-bottom: 30px;

	

	-webkit-text-shadow: 1px 1px #fff;

	-moz-text-shadow: 1px 1px #fff;

	-o-text-shadow: 1px 1px #fff;

	text-shadow: 1px 1px #fff;

}



div.promo p.heading span {

	font-family: 'dosisregular',Arial,Helvetica,Arial,sans-serif;

	font-style: normal;

	color: #F4F400;

	font-size: 38px;

}



div.promo p.desc span {

	color: #F4F400;

}







/************************ who-are-we ************************************/

 



div.who-are-we img.nspImage{

    background: #fff;

    border: 1px solid #E5E5E5;

    padding: 5px;

    margin-bottom: 15px;

    

    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);

    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);

    -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);

    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);

}



div.who-are-we img.nspImage:hover{

	-webkit-opacity: 0.7;

	-moz-pacity: 0.7;

	-o-opacity: 0.7;

	opacity: 0.7;

	

	filter: alpha(opacity=70);

}



div.who-are-we h4.nspHeader{

    margin-top: 0;

}



div.who-are-we span.over {

    display: none;

}



div.who-are-we a.readon{

	padding-top: 0;

	padding-bottom: 0;

	margin-top: 21px;

}



/************************ our-services ************************************/



div.our-services h3 {

    padding-bottom: 0; 

}



div.our-services p {

    margin-top: 0;

    margin-bottom: 20px;

}



div.our-services img {

    margin: 5px 25px 25px 0;

    float: left;

}



div.our-services strong {

    display: block;

}



div.our-services strong a{

	color: #555;

}



div.our-services strong a:hover{

	color: #F4F400;

	text-decoration: none;

}



div.corpora_sp {

    background-color: transparent;

    background-image: url("../images/corpora/sp.png");

    background-position: center top;

    background-repeat: repeat-x;

    clear: both;

    display: block;

    font-size: 0;

    height: 2px;

    margin-bottom: 20px;

    margin-top: 20px;

    overflow: hidden;

}







/************************ testimonial ************************************/





div.testimonial blockquote {

    background: none repeat scroll 0 0 #F4F400;

    color: #FEFEFE;

    font-family: "Georgia","Times New Roman",Times,serif;

    font-size: 16px;

    font-style: italic;

    line-height: 20px;

    padding: 20px;

    text-align: center;

    border: 2px solid #DFDF00;

    

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -o-border-radius: 2px;

    border-radius: 2px;

    

    -webkit-text-shadow: 1px 1px 3px #5D5D5D;

    -moz-text-shadow: 1px 1px 3px #5D5D5D;

    -o-text-shadow: 1px 1px 3px #5D5D5D;

    text-shadow: 1px 1px 3px #5D5D5D;

}





div.testimonial small {

    display: block;

    font-family: "open_sansregular","Trebuchet MS",Helvetica,Arial,sans-serif;

    font-size: 13px;

    border-top: 1px solid #fefefe;

    margin-top: 20px;

    padding-top: 15px;

}





/************************ corpora-tab ************************************/





div.corpora-tab div.gkTabContainer0 {

    background: #f6f6f6;

    padding: 30px 20px;

    border: 1px solid #dddddd;

    border-top: none;

}



div.corpora-tab ul.gkTabs {

    border: 1px solid #dddddd !important;

    border-bottom: none !important;

}



div.corpora-tab div.gkTabItem {

    padding: 0;

}



div.corpora-tab div.gkTabItemSpace p {

    margin: 0;

    margin-bottom: 20px;

}



div.corpora-tab div.gkTabItemSpace a {

    color: #F4F400;

}



div.corpora-tab ul.gkTabs li {

    border-right: none !important;

    color: #555;

    

    -webkit-transition: all 0.1s;

    -moz-transition: all 0.1s;

    -o-transition: all 0.1s;

    transition: all 0.1s;

}



div.corpora-tab ul.gkTabs li:hover, 

div.corpora-tab ul.gkTabs li.active {

    background: #f6f6f6 !important;

    border-bottom: none !important;

    border-top: 3px solid #F4F400 !important;

    color: #555 !important;

}





div.corpora-tab .gkTabContainer0, 

div.corpora-tab .gkTabContainer1, 

div.corpora-tab .gkTabContainer1{

	min-height: 155px;

}



/************************ projects ************************************/



#ja-projects div.main,

#ja-topsl2 div.main{

	overflow: hidden !important;

}



#ja-projects div.main div.moduletable {

    margin-left: 40px;

    margin-right: 40px;

}



div.projects h3, #ja-clients h3, div.portfolio-3-columns h3 {

    background: url("../images/corpora/border.png") repeat-x 0 50%;

}



div.projects h3 > span, #ja-clients h3 > span, div.portfolio-3-columns h3 > span {

    background: #F1F1F1;

    padding-right: 30px;

}



div.projects div.nspArts{

	padding-bottom: 12px;

} 



div.projects div.nspArtPage {

    min-height: 328px;

}



div.projects, div.projects h4.nspHeader {

    font-family: 'dosisregular',Arial,Helvetica,Arial,sans-serif;

}





div.projects span.over span{

	display: none;

}



	div.projects div.nspArt {

    	margin-right: 78px;

	}



	div.projects div.nspMain {

    	min-width: 970px !important;

	}



	

	div.projects div.nspMain {

    	min-width: 1225px !important;

	}

	

	div.projects a.nspImageWrapper {

    	pos/ition: relative;

	}







div.projects div.nspArtPage > div.nspArt{

	position: relative;

}	      

	

	

	div.projects span.over,

	div.featured-project span.over {

    

    	-webkit-transition: all 0.3s ease-out 0s;

    	-moz-transition: all 0.3s ease-out 0s;

    	-o-transition: all 0.3s ease-out 0s;

    	transition: all 0.3s ease-out 0s;

    

    	background: #F4F400;

    	display: block;

    	width: 100%;

    	height: 100%;

    	position: absolute;

    	top: 0;

    	left: 0;

    	z-index: 900;

    

    	-webkit-opacity: 0;

    	-moz-opacity: 0;

    	-o-opacity: 0;

    	opacity: 0;

    

    	filter:alpha(opacity=0); 

	}

	

	div.projects span.over span,

	div.featured-project span.over span {

		

    -moz-transition: all 0.3s ease-out 0s;

    -webkit-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

    

    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);

    -o-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);

    

    -webkit-opacity: 0;

    -moz-opacity: 0;

    -o-opacity: 0;

    opacity: 0;

    

    filter:alpha(opacity=0); 

    

    background: none repeat scroll 0 0 #363E44;

    display: block;

    color: #fff;

    font-size: 14px;

    text-transform: uppercase;

    left: 25%;

    margin-top: 30px;

    padding: 5px 10px;

    position: absolute;

    text-align: center;

    top: 50%;

    width: 40%;

    z-index: 8;

	}	

	

	div.projects div.nspArt {

    	margin-right: 66px;

	}

	







	div.projects div.nspArt {

    width: 243px !important;

    padding: 0 !important;

    background: #fff;

    

    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);

    -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);

	}



div.projects img.nspImage {

    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);

    -o-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);

}



div.projects p.nspInfo, div.projects h4.nspHeader, div.projects p.nspText {

    padding: 0 20px;

    width: 86%;

}



div.projects p.nspInfo a {

    color: #9C9FA2;

    font-size: 13px;

}



div.projects p.nspInfo {

    margin: 5px 0;

    padding-bottom: 5px;

    border-bottom: 1px solid #DDDDDD;

}



div.projects h4.nspHeader a{

    color: #363E44;

    font-weight: 400;

    font-size: 18px;

    line-height: 23px;

}



div.projects p.nspText {

    color: #9C9FA2;

    font-size: 14px;

    line-height: 19px;

}



div.projects div.nspTopInterface {

    width: 870px !important;

}



div.projects div.nspTopInterface div {

    float: none;

    position: absolute;

    right: 0;

    top: 0;

}



div.projects span.nspNext, div.projects span.nspPrev {

    background: url("../images/corpora/arrow.png") no-repeat;

    width: 38px;

    height: 38px;

    

    -webkit-transition: background-position 0.3s ease-in-out;

    -moz-transition: background-position 0.3s ease-in-out;

    -o-transition: background-position 0.3s ease-in-out;

    transition: background-position 0.3s ease-in-out;

    

    -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);

    -moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);

    -o-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);

    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);

} 



div.projects span.nspNext {

    background-position: -38px 0;

}



div.projects span.nspNext:hover {

    background-position: -38px -38px;

}



div.projects span.nspPrev:hover {

    background-position: 0 -38px;

}





div.projects a.nspImageWrapper:hover span.over,

div.featured-project a.nspImageWrapper:hover span.over{

    -webkit-opacity: 0.8;

    -moz-opacity: 0.8;

    -o-opacity: 0.8;

    opacity: 0.8;

    

    filter:alpha(opacity=80);     

}



div.projects a.nspImageWrapper:hover span.over span,

div.featured-project a.nspImageWrapper:hover span.over span {

    -webkit-opacity: 1;

    -moz-opacity: 1;

    -o-opacity: 1;

    opacity: 1;

    

    filter:alpha(opacity=100); 

    

    margin-top: 0;

}



/************************ gallery ************************************/

div.gallery #flickr ul li {

    list-style: none;

    padding: 4px;

    margin: 0 10px 16px 0;

    float: left;

    background: #fff;

}



div.gallery #flickr ul li,

div.gallery #flickr ul li a img,

div.social #social ul li a{

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



div.gallery #flickr ul li:hover{

    -webkit-box-shadow: 0 0 3px 1px #F4F400;

	-moz-box-shadow: 0 0 3px 1px #F4F400;

	-o-box-shadow: 0 0 3px 1px #F4F400;

	box-shadow: 0 0 3px 1px #F4F400;

}



div.gallery #flickr ul li a {

    display: block;

    width: 50px;

    height: 50px;

}



div.gallery #flickr ul li a img:hover {

    

    -webkit-opacity: 0.5;

    -moz-opacity: 0.5;

    -o-opacity: 0.5;

    opacity: 0.5;

    

    filter:alpha(opacity=50); 

    

}





/************************ social ************************************/



div.social #social ul li {

    list-style: none;

    padding-left: 0;

    width: 40px;

    height: 40px;

    background: none;

    margin-right: 30px;

    float: left;

}



div.social #social ul li a{

    display: block;

    width: 40px;

    height: 40px;

    text-indent: -999999em;

    

    -webkit-border-radius: 40px;

    -moz-border-radius: 40px;

    -o-border-radius: 40px;

    border-radius: 40px;

    

    -webkit-opacity: 0.7;

    -moz-opacity: 0.7;

    -o-opacity: 0.7;

    opacity: 0.7;

    

    filter:alpha(opacity=70); 

}



div.social #social ul li a.facebook {

   background: url("../images/corpora/facebook.png") no-repeat 50% 50% #d7d7d7;

}



div.social #social ul li a.twitter {

   background: url("../images/corpora/twitter.png") no-repeat 50% 50% #d7d7d7;

}



div.social #social ul li a.email {

   background: url("../images/corpora/email.png") no-repeat 50% 50% #d7d7d7;

}



div.social #social ul li a.googleplus {

   background: url("../images/corpora/google.png") no-repeat 50% 50% #d7d7d7;

}



div.social #social ul li a:hover{

    

    -webkit-opacity: 1;

    -moz-opacity: 1;

    -o-opacity: 1;

    opacity: 1;

    

    filter:alpha(opacity=100); 

}





/************************ popular-posts  ************************************/



div.popular-posts span.over{

    display: none;

}



div.popular-posts img.nspImage {

    background: #fff;

    border: 1px solid #ccc;

    padding: 3px;

    max-width: 60px;

    

    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);

    -o-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);

    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);

}



div.popular-posts h4.nspHeader{

    margin-top: 6px;

    margin-bottom: 10px;

}



div.popular-posts h4.nspHeader a {

    color: #555;

}



div.popular-posts h4.nspHeader a:hover,

div.recent-posts p.nspText a:hover{

    color: #F4F400;

    text-decoration: none;

} 



div.popular-posts div.nspArt{

    background: url("../images/corpora/sp2.png") repeat-x left bottom;

    margin-bottom: 15px;

}



div.popular-posts p.nspInfo {

	margin-top: 0;

}



/************************ recent-posts  ************************************/





div.recent-posts p.nspInfo{

    background: #DBDCDC;

    color: #686868;

    height: 32px;

    width: 55px;

    line-height: 32px;

    text-align: center;

    border-right: 1px solid #EFEFEF;

    margin: 4px 14px 0 0;

}



div.recent-posts p.nspText {

    margin-top: 0;

    line-height: 20px;

    color: #000;

}



div.recent-posts p.nspText a{

    color: #000;

}



/************************ featured-project  ************************************/



div.featured-project div.nspMain {

    

}



div.featured-project div.nspArt{

    width: 218px !important;

    background: #fff;

    border: 1px solid #CFCFCF;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

    font-family: 'dosisregular',Arial,Helvetica,Arial,sans-serif;

}



div.featured-project a.nspImageWrapper{

    margin: 0 !important;

    display: block;

    position: relative;

}



div.featured-project h4.nspHeader{

    margin-top: 20px;

    margin-bottom: 20px;

    padding: 0 14px;

    width: 87%;

    font-family: 'dosisregular',Arial,Helvetica,Arial,sans-serif;

}



div.featured-project h4.nspHeader a{

    color: #000;

    font-size: 16px;

    font-weight: normal;

    line-height: 20px;

    padding-left: 22px;

    background: url("../images/corpora/category.png") no-repeat 0 3px;

    

}



div.featured-project p.nspText{

    padding: 0 14px;

    width: 87%;

    color: #919191;

    font-size: 14px;

    line-height: 22px;

    margin-bottom: 20px;

}



div.featured-project span.triangle{

    background: url("../images/corpora/project_triangle.png") no-repeat;

    display: block;

    width: 15px;

    height: 10px;

    position: absolute;

    bottom: 0;

    left: 14px;

}



div.featured-project h4.nspHeader span.first-word{

    border-left: 1px solid #ccc;

    padding-left: 7px;

}



/************************ address ************************************/





div.icon-content h4{

    font-size: 20px;

    line-height: 25px;

    font-weight: normal;

}





/************************ portfolio-3-columns ************************************/





div.portfolio-3-columns{

    margin-left: 18px !important;

    margin-right: 0 !important;

    position: relative;

}



div.portfolio-3-columns span.over{

    display: none;

}



div.portfolio-3-columns h4.nspHeader {

    background: url("../images/corpora/sp.png") repeat-x scroll 0 100% transparent;

    font-size: 20px !important;

    letter-spacing: 0;

    line-height: 25px !important;

    margin-bottom: 60px !important;

    min-height: 50px;

    padding-bottom: 35px;

}



div.portfolio-3-columns img.nspImage{

    padding: 5px;

    border: 1px solid #E5E5E5;

    background: #fff;

    

    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);

    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);

    -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);

    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);

}





div.portfolio-3-columns div.nspArt{

    min-height: 260px;

}





div.portfolio-3-columns a.nspImageWrapper{

    	display: block;

    	position: relative;

}



div.portfolio-3-columns span.over {

    

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

    

    background: #F4F400;

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 293px;

    height: 169px;

    z-index: 900;

    

    -webkit-opacity: 0;

    -moz-opacity: 0;

    -o-opacity: 0;

    opacity: 0;

    

    filter:alpha(opacity=0); 

}





div.portfolio-3-columns span.over span {

    -moz-transition: all 0.3s ease-out 0s;

    -webkit-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

    

    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);

    -o-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);

    

    -webkit-opacity: 0;

    -moz-opacity: 0;

    -o-opacity: 0;

    opacity: 0;

    

    filter:alpha(opacity=0); 

    

    background: none repeat scroll 0 0 #363E44;

    color: #fff;

    font-size: 14px;

    text-transform: uppercase;

    left: 25%;

    margin-top: 30px;

    padding: 5px 10px;

    position: absolute;

    text-align: center;

    top: 40%;

    width: 40%;

    z-index: 8;

}



div.portfolio-3-columns a.nspImageWrapper:hover span.over{

    -webkit-opacity: 0.8;

    -moz-opacity: 0.8;

    -o-opacity: 0.8;

    opacity: 0.8;

    

    filter:alpha(opacity=80);     

}



div.portfolio-3-columns a.nspImageWrapper:hover span.over span {

    -webkit-opacity: 1;

    -moz-opacity: 1;

    -o-opacity: 1;

    opacity: 1;

    

    filter:alpha(opacity=100); 

    

    margin-top: 0;

}



div.portfolio-3-columns div.nspTopInterface{

    padding: 0 20px 20px 20px;

    background: #f1f1f1;

    position: absolute;

    top: 0;

    right: 0;

    width: 84px;

}



div.portfolio-3-columns span.nspNext, div.portfolio-3-columns span.nspPrev {

    background: url("../images/corpora/arrow.png") no-repeat;

    width: 38px;

    height: 38px;

    

    -webkit-transition: background-position 0.3s ease-in-out;

    -moz-transition: background-position 0.3s ease-in-out;

    -o-transition: background-position 0.3s ease-in-out;

    transition: background-position 0.3s ease-in-out;

    

    -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);

    -moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);

    -o-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);

    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);

} 



div.portfolio-3-columns span.nspNext {

    background-position: -38px 0;

}



div.portfolio-3-columns span.nspNext:hover {

    background-position: -38px -38px;

}



div.portfolio-3-columns span.nspPrev:hover {

    background-position: 0 -38px;

}





/************************ portfolio-4-columns ************************************/



div.portfolio-4-columns span.over {

    

    width: 212px;

    height: 132px;



}





/************************ portfolio-3-columns ************************************/



div.portfolio-2-columns span.over {

    

    width: 447px;

    height: 262px;



}







/************************ video-module ************************************/





div.video-module{

	margin-top: 0 !important;

	margin-bottom: 0 !important;

	padding: 10px;

}