/*
Theme Name: WPspirit-01
Theme URI: http://www.template-joomspirit.com/theme-wordpress/theme-01
Author: JoomSpirit
Author URI: http://www.template-joomspirit.com
Description: The first WordPress theme by JoomSpirit. It's a multipurpose responsive theme. You can use it for your business, portfolio, blogging or any type of site. A clean code, well documented and no Framework for an easy customization. The theme multilingual ( the frontend is already translated in 10 languages ), with 600+ Google fonts available, compatible with Font awesome and with a lot of typography. You can check the demo at <a href="http://www.template-joomspirit.com/theme-wordpress/theme-01" target="_blank" >http://www.template-joomspirit.com/theme-wordpress/theme-01</a>. The <a href="http://www.template-joomspirit.com/help/wp-spirit-01/manual.html" target="_blank" >online manual is here</a> and you can download the <a href="http://www.template-joomspirit.com/wordpress/free-wordpress-theme/product/81-free-wp-spirit-01" target="_blank" >full package with demo install here</a>.
Version: 1.91
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, white, one-column, two-columns, three-columns, responsive-layout, translation-ready
Text Domain: joomspirit

*/


/* =Reset
-------------------------------------------------------------- */

html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
margin:0;
padding:0;
}

body {
font-family: Verdana, Arial, sans-serif;
word-wrap: break-word;
margin:0;
padding:0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

.assistive-text, .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding : 0;
font-size : 100%;
font-family: 'Open Sans Condensed',sans-serif;
}

.hidden-title {
display:none;
}

blockquote {
font-size: 100%;
}

td, th {
font-weight:300;
}

ul, ol {
margin: 0 0 10px 0;
padding: 0 0 0 20px;
}

ul ul, ol ul, ul ol, ol ol {
margin:6px 0;
padding: 0 0 0 15px;
}

/** 		Hide the outline 	**/

*:hover, *:active, *:focus, input:focus, textarea:focus {
outline:none !important;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block;
}
audio:not([controls]) {
display: none;
}
del {
color: #333;
}
ins {
background: #fff9c0;
text-decoration: none;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 24px;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
small {
font-size: smaller;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}

/* Clearing floats */

.clear {
clear: both;
}

.clearfix {
*zoom: 1;
}

.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}

.clearfix:after {
clear: both;
}


/** 	 Responsive images 	**/

img, video, .scale {
/* Part 1: Set a maxium relative to the parent */
max-width:100%;
/* Part 2: Scale the height according to the width, otherwise you get stretching */
height:auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.entry-content .twitter-tweet-rendered {
max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/** 	to prevent a problem with sprites images, Google map and the property max-width:100%		**/ 
#mapcanvas img, .gmnoprint img {
max-width: none;
}


/********************************************************************************************************************************************

									GENERAL STRUCTURE

*********************************************************************************************************************************************/

html {
}

body {
min-width:980px;
text-align:left;
color:#444;
font: normal 0.8em/1.5 verdana, geneva, sans-serif;
font-weight:300;
background: #f0f0f0;
}

.uppercase-all * {
text-transform: uppercase;
}

p {
margin : 0 0 10px 0;
}

/**		SITE 	**/

.wrapper-website {
position:relative;
width:980px;
margin : 0 auto;
padding:0 6px;
}

.zindex10 {
z-index:10;
}
.zindex20 {
z-index:20;
}
.zindex30 {
z-index:30;
}


/********************************************************************************************************************************************

									HEADER

*********************************************************************************************************************************************/

.website-header {
position:relative;
background: #f3f3f3 url(images/bg-light-shadow.png) 50% 0 repeat-y;
clear:both;
}

.shadow-slide-top {
position:absolute;
bottom:-11px;
left:0;
right:0;
height:11px;
background: transparent url(images/shadow-slideshow.png) 0 50% no-repeat;
background-size: 100% 11px; 		/** 	CSS3 property to set the width to 100% and height 16px 		**/
z-index:2;
}

/*************************************************************************************************************

									LOGO

**************************************************************************************************************/ 

.logo-module {
text-align:center;
}

.logo-module p {
margin:0;
}

.logo-module a, .logo-module a:hover {
text-decoration:none;
outline:none;
}

.website-title {
display:block;
font-size: 50px;
line-height:1;
word-spacing: 3px;
font-weight: normal;
margin: 0;
color:#fff;
}

.website-subtitle {
clear:both;
display:block;
color:#666;
font-size: 12px;
margin:0;
}

/*************************************************************************************************************

									DROP DOWN MENU

**************************************************************************************************************/

.drop-down {
clear:both;
position:relative;
margin:40px auto 0 auto;
text-align:center;
z-index:10;
}

span.title_menu {
display: none;
}

.drop-down ul, .drop-down li {
list-style: none;
margin: 0;
padding: 0;
}

.drop-down > div > ul {
border-top:1px solid #ddd;
}

.drop-down li {
position:relative;
display:inline-block;
*display:inline;
*zoom:1;
padding : 0 15px;
font-size:120%;
z-index:1;
}

.drop-down li:hover, .drop-down li:focus {
position: relative;
z-index: 10;
cursor: default;
}

.drop-down li ul {
display : none ;
position: absolute;
top: 100%;
left: 0;
z-index: 0;
opacity:0;
width: 180px;
box-shadow: 0 0 0 5px rgba(190, 190, 190, 0.35);
padding: 7px;
border-radius:6px;
border:1px solid #ccc;
background: #fff;
background: rgba(255,255,255,0.83);
}

.drop-down li ul ul {
top: -1px;
left: 155px;
}

.drop-down > ul > li:last-child > ul {
left:inherit;
right:0;
}

.drop-down > ul > li:last-child > ul ul {
left:inherit;
right:97%;
}

.drop-down li ul:hover {
box-shadow: 0 2px 4px 5px rgba(130, 130, 130, 0.30);
background: rgba(255,255,255,0.90);
-webkit-transition : all 0.3s ease-in-out;
-moz-transition : all 0.3s ease-in-out;
-ms-transition : all 0.3s ease-in-out;
-o-transition : all 0.3s ease-in-out;
transition : all 0.3s ease-in-out;
}

.drop-down li li {
float:none;
width:100%;
font-size:85%;
padding:0;
margin:0;
}

.drop-down li li li {
font-size:100%;
}

.drop-down li a, .drop-down li span.separator {
display : block;
padding: 12px 4px 12px 6px;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
text-align:left;
background-image:none;
color : #888;
border-top:1px solid transparent;
-webkit-transition : all 0.3s ease-in-out;
-moz-transition : all 0.3s ease-in-out;
-ms-transition : all 0.3s ease-in-out;
-o-transition : all 0.3s ease-in-out;
transition : all 0.3s ease-in-out;
word-wrap: break-word;
}

.uppercase-none .drop-down li a, .uppercase-none .drop-down li span.separator {
text-transform: none;
}

.drop-down li li a, .drop-down li li span.separator {
display : block;
/**	change	**/
letter-spacing: 0px;
padding: 9px 12px 8px 12px;
margin:0 3px;
border-style:none;
border-top:1px dashed #ddd;
}

.drop-down li li:first-child > a, .drop-down li li:first-child > span.separator {
border:none;
}

.drop-down li a:hover, .drop-down li span.separator:hover {
-webkit-transition : none;
-moz-transition : none;
-ms-transition : all 0.2s linear 0s;
-o-transition : all 0.2s linear 0s;
transition : all 0.2s linear 0s;
}

.drop-down li li li:first-child > a, .drop-down li li li:first-child > span {
border-top-right-radius: 7px;
border-top-left-radius: 7px;
}

.drop-down li li:last-child > a, .drop-down li li:first-child > span {
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
}

.drop-down li:hover > ul, .drop-down li:focus > ul {
display : block ;
z-index:10;
opacity:1;
-webkit-transition : all 0.4s ease-in-out;
-moz-transition : all 0.4s ease-in-out;
-ms-transition : all 0.4s ease-in-out;
-o-transition : all 0.4s ease-in-out;
transition : all 0.4s ease-in-out ;
}

.drop-down a[href="#"] {
cursor : default;
}

.drop-down li[class*="current"] > a, .drop-down li[class*="current"] > span, .drop-down li:hover > a, .drop-down li:hover > span {
color : #000;
border-top-color : #aaa;
background:transparent; /**  important for Joomla 3 Bootstrap 		**/
}

.drop-down li li:hover > a, .drop-down li li[class*="current"] > a, .drop-down li li[class*="current"] > span {
border-top-color : #ddd;
}

.drop-down li li:hover a[href="#"] {
color: #666;
}


/**  	Customize sticky menu 		**/

.isStuck {
position:fixed;
top:0;
left:0;
right:0;
background: #ededed url(images/bg-light-shadow.png) 50% 0 repeat-y;
margin:0 auto;
border-bottom:3px solid #ddd;
z-index:99;
}

@media screen and (min-width: 980px) {

	.admin-bar .isStuck {
	top:32px !important;
	}

}


/*************************************************************************************************************

									Top icons

**************************************************************************************************************/

.top-icons {
position:relative;
background: #ededed url(images/bg-light-shadow.png) 50% 0 repeat-y;
border-bottom:1px solid #fff;
box-shadow: 0 4px 2px 0 rgba(255, 255, 0, 0.08) inset;
padding:8px 14px 10px 14px;
min-height:30px;
}

/**						social icons 					**/

.social-links {
float:right;
}

.social-links ul {
display:inline;
margin:0;
padding:0;
}

.social-links li {
display:inline-block;
*display:inline;
*zoom:1;
list-style:none;
}

.social-links .text_social_icons {
display:inline-block;
*display:inline;
*zoom:1;
margin-right:6px;
font-size : 100%;
font-style:italic;
color : #666;
vertical-align:middle;
}

.social-links li a {
display:inline-block;
*display:inline;
*zoom:1;
font-size:20px;
color:#555;
height:32px;
line-height:32px;
width:32px;
position:relative;
margin:0 5px;
text-align:center;
-webkit-transition : background 0.8s ease-in-out;
-moz-transition : background 0.8s ease-in-out;
-ms-transition : background 0.8s ease-in-out;
-o-transition : background 0.8s ease-in-out;
transition : background 0.8s ease-in-out;
border-radius:50% ;
}

.social-links li a:after {
position: absolute;
left: -1px;
top: -2px;
content:"";
border-radius: 50%;
border:2px solid #ddd;
height: 32px;
width: 32px;
-webkit-transition : all 0.5s ease-in-out;
-moz-transition : all 0.5s ease-in-out;
-ms-transition : all 0.5s ease-in-out;
-o-transition : all 0.5s ease-in-out;
transition : all 0.5s ease-in-out;
}

.social-links li a:hover:after {
height:39px;
width:39px;
left:-5px;
top:-6px;
}

.social-links li a img {
width:24px;
border:none;
vertical-align:middle;
}


.social-links li a:hover {
-webkit-transition : background 0.1s ease-in-out;
-moz-transition : background 0.1s ease-in-out;
-ms-transition : background 0.1s ease-in-out;
-o-transition : background 0.1s ease-in-out;
transition : background 0.1s ease-in-out;
background-color:#FC9D9A;
}
.social-links li a:hover:after {
border:2px solid #FC9D9A;
}

.social-links li + li a:hover {
background-color:#C8C8A9;
}
.social-links li + li a:hover:after {
border:2px solid #C8C8A9;
}

.social-links li + li + li a:hover {
background-color:#69d2e7;
}
.social-links li + li + li a:hover:after {
border:2px solid #69d2e7;
}

.social-links li + li + li + li a:hover {
background-color:#CBE86B;
}
.social-links li + li + li + li a:hover:after {
border:2px solid #CBE86B;
}

.social-links li + li + li + li + li a:hover {
background-color:#F8CA00;
}
.social-links li + li + li + li + li a:hover:after {
border:2px solid #F8CA00;
}

.social-links li + li + li + li + li + li a:hover {
background-color:#FC9D9A;
}
.social-links li + li + li + li + li + li a:hover:after {
border:2px solid #FC9D9A;
}

.social-links li + li + li + li + li + li + li a:hover {
background-color:#C8C8A9;
}
.social-links li + li + li + li + li + li + li a:hover:after {
border:2px solid #C8C8A9;
}

.social-links li + li + li + li + li + li + li + li a:hover {
background-color:#69d2e7;
}
.social-links li + li + li + li + li + li + li + li a:hover:after {
border:2px solid #69d2e7;
}

.social-links li + li + li + li + li + li + li + li + li a:hover {
background-color:#CBE86B;
}
.social-links li + li + li + li + li + li + li + li + li a:hover:after {
border:2px solid #CBE86B;
}

.social-links li + li + li + li + li + li + li + li + li + li a:hover {
background-color:#F8CA00;
}
.social-links li + li + li + li + li + li + li + li + li + li a:hover:after {
border:2px solid #F8CA00;
}



/** for google +1 only 	**/

.social-links li.google {
margin-right:6px;
}

.social-links li > div {
padding: 0 0 0 2px !important;
vertical-align:middle !important;
-webkit-transition : all 0.4s ease-in-out;
-moz-transition : all 0.4s ease-in-out;
-ms-transition : all 0.4s ease-in-out;
-o-transition : all 0.4s ease-in-out;
transition : all 0.4s ease-in-out;
}

.social-links li > div:hover {
}


/******************************************************************

									Translate position

*******************************************************************/

#translate {
float:left;
z-index:99;
vertical-align:middle;
}

#translate ul {
list-style:none;
margin:0;
padding:0;
}

#translate ul li {
display:inline-block;
*display:inline;
*zoom:1;
padding : 0 4px;
}


/********************************************************************************************************************************************

									Image module position

*********************************************************************************************************************************************/

.image-module-position {
position : relative;
border-top:1px solid #ddd;
border-bottom: 1px solid #ddd;
background:#fff;
z-index:1;
}

.wrapper-image-module-position {
position:relative;
margin:0 auto;
max-width:100%;
}

.image-module-position ul, .image-module-position li {
list-style: none;
margin:0;
padding:0;
}

.fade01-left {
position:absolute;
top:0;
left:0;
width:85px;
height:100%;
background:transparent url(images/fade01-left.png) 0 0 repeat-y;
z-index:10;
}

.fade01-right {
position:absolute;
top:0;
right:0;
width:85px;
height:100%;
background:transparent url(images/fade01-right.png) 0 0 repeat-y;
z-index:10;
}

.fade02-left {
position:absolute;
top:0;
left:0;
width:85px;
height:100%;
background:transparent url(images/fade02-left.png) 0 0 repeat-y;
z-index:10;
}

.fade02-right {
position:absolute;
top:0;
right:0;
width:85px;
height:100%;
background:transparent url(images/fade02-right.png) 0 0 repeat-y;
z-index:10;
}

/********************************************************************************************************************************************

									Module slogan

*********************************************************************************************************************************************/

.module-slogan {
position:relative;
backgroun