/****************************** MAIN STYLES - backgorund,deviders ******************************/



/* Main Container */

 img, embed, object, video {

	max-width: 100% 

}

/* Deviders */

div.line {

	height: 6px;

	background:url(../images/separator.png) 0 0 no-repeat;

	border-top:2px solid #cfa0d1;

	display: block;

	margin:0;

}

div.sepContainer {

	height: 4px;

	background:#E3E3E1;

	border-left:20px solid #E3E3E1;

	display: block;

	margin: 20px 0;

}

div.sepContainer1 {

	height: 4px;

	background:#E3E3E1;

	border-left:20px solid #E3E3E1;

	display: block;

	margin: 10px 0 30px 0;

}

div.sepContainermio {

	height: 21px;

	background:#38829A;

	border-left:4px solid #38829A;

	display: block;

	margin: 10px 0 30px 0;

}div.sepContainer3 {

	height: AUTO;

	background:#ffffff;

	border-left:0px solid #38829A;

	display: block;

	margin: 10px 0 30px 0;

 padding:8px 8px;}





div.sepContainer3 {

	height: AUTO;

	background: ;	border-left:0px solid #38829A;

	display: block;

	margin: 0px 0 0px 0;

 padding:8px 8px;}





div.spazio {

	height: AUTO;

	background: #ffffff;	border-right:0px solid #ffffff;

	padding: 0% 0px 0 0%;}


div.foto2 {

	height: AUTO;

	background: #ffffff;	border-left:0px solid #ffffff;

	padding: 0% 0px 0 0%;}


div.foto3 {

	height: AUTO;

	background: #ffffff;	border-left:0px solid #ffffff;

	padding: 0% 0px 0 0%;}


div.foto4 {

	height: AUTO;

	background: #ffffff;	border-left:0px solid #ffffff;

	padding: 0% 0px 0 0%;}


div.foto5 {

	height: AUTO;

	background: #ffffff;	border-left:0px solid #ffffff;

	padding: 0% 0px 0 0%;}


div.containertop {

	height: 45px;

	border-left:0px solid #ffffff;

	padding: 0% 0px 0 0%;}


div.containertop1 {

	height: 95px;

	border-left:0px solid #ffffff;

	padding: 0% 0px 0 0%;}


div.containermenu {

	height: 50px;

	border-left:0px solid #ffffff;

	padding: 0% 0px 0 0%;}


div.containerslide {

	height: 460px;

	width: 100%; border-left:0px solid #ffffff;

	padding: 0% 0px 0 0%;}





.my-gallery {


  width: 100%;


  float: left;


  margin-left: 2%;


  margin-right: 2%;


}


.my-gallery img {


  width: 1500px;


  height: auto;


}


.my-gallery figure {


  display: inline;


  float: left;


  width: 32.3%;


  margin-left: 0.5%;


  margin-right: 0.5%;


  margin-top: 0.5%;


  margin-bottom: 0.5%;





}











.my-gallery1 {


  width: 100%;


  float: left;


  margin-left: 0%;


  margin-right: 0%;


}


.my-gallery1 img {


  width: 1500px;


  height: auto;


}


.my-gallery1 figure {


  display: inline;


  float: left;


  width: 33.3%;


  margin-left: 0%;


  margin-right: 0%;


  margin-top: 2%;


  





}





 .my-gallery2 {

  width: auto;

  float: left;

  margin-left: 0%;

  margin-right: 0%;

}

.my-gallery2 img {

  width: 1500px;

  height: auto;

}

.my-gallery2 figure {

  display: inline;

  float: left;

  width: 90%;

  margin-left: 5%;

  margin-right: 5%;

  margin-top: 1%;

  margin-bottom: 1%;



}





div.suparax {

background-color: #ffffff;

align: center;

padding: 60px;

margin: 0 auto;

width: 40%;

margin-top: 60px;

margin-bottom: 60px;

}








div.sepContainerimg {

	height: 20px;

   

background-image: url(fondo.png);  border-left:1px solid #B8B8B8;

	display: block;

	margin: 10px 0 15px 0;

 padding:8px 8px;}








div.sepContainermio1 {

	height: AUTO;

	background:#;

	border-left:4px solid #;

	display: block;

	margin: 1px 0 1px 0;

}

div.sepContainer2 {

	height: 4px;

	background:#e1e8ed;

	border-left:20px solid #bfd6e4;

	display: block;

	margin: 5px 0;

}

div.blankSeparator {

	height: 1px;

	margin:7px 0;

	display: block;

}

div.blankSeparator1 {

	height: 1px;

	margin:25px 0;

	display: block;

}

div.blankSeparator2 {

	height: 1px;

	margin:10px 0;

	display: block;

}

.tip-twitter {

	z-index:1000;

	text-align:left;

	border-radius:4px;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

	padding:8px 8px;

	max-width:200px;

	color:#fff;

	background-color: #8098a6;

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

}

.tip-twitter .tip-inner {

	font:12px/16px Arial, Helvetica, sans-serif;

}

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

/* Header - Logo & Menu */

#header {

	



	 background-image: url(../images/fondotop.png); margin-top:0px;

 padding-top:0px; margin-bottom:0px;

	border-bottom:0px solid #ffffff; 

}



.logo {

	float: left;

	margin-right: 0px;

 	margin-top:5px;

	margin-bottom:5px;

}

.mainmenu {

	float:left;

}

ul.sf-menu {

	margin-top:2px;

 }

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

	margin:			5; border-right:1px solid #ffffff; border-bottom:2px solid #ffffff; border-left:2px solid #ffffff;	padding:		0;

	list-style:		none;

}

.sf-menu {

	line-height:	1.0;

}

.sf-menu ul {

	position:		absolute;

	top:			-999em;

	width:			10em; /* left offset of submenus need to match (see below) */

}

.sf-menu ul li {

	width:			100%;

}

.sf-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

	float:			left;

	position:		relative;

}

.sf-menu a {

	display:		block;

	position:		relative;

}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {

	left:			0;

	top:			2.5em; /* match top ul list item height */

	z-index:		99;

}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

.sf-menu {

	position: relative;

	float: right;

	line-height: 12px;

	margin: 0;

	z-index: 99;

}

.sf-menu li {

	background:#969696;

	

  	-webkit-transition: all 0.5s ease;

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

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

	-ms-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

}

.sf-menu li:hover { /* visited pseudo selector so IE6 applies text colour*/

	background:#727888;

	border-top:0px solid #000;

}

.sf-menu li a {

	font-family: verdana;

	font-size: 14px;

	padding:10px 15px 10px 15px;

	text-decoration:none;

	

	font-weight:bold;

	color: #ffffff;

}

li a#visited {

	background:#727888;

}

/*** submenu ***/

.sf-menu li ul {

	border-bottom:2px solid #ffffff;

	border-right:4px solid #ffffff;

 border-left:1px solid #ffffff;

 margin-top:0px;

}

.sf-menu ul li { /* visited pseudo selector so IE6 applies text colour*/

	border-top:none;

}

.sf-menu ul li:hover { /* visited pseudo selector so IE6 applies text colour*/

	border-top:none;

}

.sf-menu li ul li a {

	padding:10px 0 10px 0;

	text-decoration:none;

	color:#fff;

	background:#727888;

	color: #fff;

	border: 0;

	padding:8px;

	font-weight: bold;

	font-size: 14px;

	text-transform:lowercase;

	-webkit-transition: all 0.3s ease;

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

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

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

	transition: all 0.3s ease-in-out;

}

.sf-menu li ul li a:hover {

	padding-left: 18px;

}

.sf-menu li li {

	border-bottom:0px solid #ffffff;

}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {

	background-position: -10px -1000px; /* arrow hovers for modern browsers*/

}

/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator {

	background-position:-10px 0;

}

.sf-menu ul a > .sf-sub-indicator {

	background-position:  0 0;

}

/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {

	background-position: -10px 0; /* arrow hovers for modern browsers*/

}

span.home {

	margin-right:10px;

}



/****************************** HOME - Content Part - FlexSlider ******************************/

/*

 * jQuery FlexSlider v1.8

 * http://www.woothemes.com/flexslider/

 *

 * Copyright 2012 WooThemes

 * Free to use under the MIT license.

 * http://www.opensource.org/licenses/mit-license.php

 */



/* Browser Resets */

.flex-container a, .flexslider a, .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {

	outline: none;

}

.slides, .flex-control-nav, .flex-direction-nav {

	margin: 0;

	padding: 0;

	list-style: none;

}

/* FlexSlider Necessary Styles

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

.flexslider {

	margin: 0px 0 0 0;

	padding: 0;

	background:#;

	border-top:0px solid #E3E3E1;

	border-bottom:0px solid #E3E3E1;

}

.flexslider .slides > li {

	display: none;

	-webkit-backface-visibility: hidden;

} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {

	display: block;

}

.flex-pauseplay span {

	text-transform: capitalize;

}

/* Clearfix for the .slides element */

.slides:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

html[xmlns] .slides {

	display: block;

}

* html .slides {

	height: 1%;

}

/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {

	display: block;

}

/* FlexSlider Default Theme

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

.flexslider {

	position: relative;

	zoom: 1;

}

.flexslider .slides {

	zoom: 1;

}

.flexslider .slides > li {

	position: relative;

}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */

.flex-container {

	zoom: 1;

	position: relative;

}

/* Caption style */

/* IE rgba() hack */

#flex-caption {

	zoom: 1;

	width: 50%;

	padding: 0%;

	margin: 0;

	position: absolute;

	left: 0%;

	top: 0%;

	background:#;

	opacity: 1;  color:#ffffff;

	font-size: 50px;

	font-family: 'Staatliches';  line-height: 60px; font-weight:400

}





#flex-caption1 {

	zoom: 1;

	width: 50%;

	padding: 0%;

	margin: 0;

	position: absolute;

	right: 0%;

	top: 0%;

	background:#;

	opacity: 1;  color:#ffffff;

	font-size: 50px;

	font-family: 'Staatliches';  line-height: 60px; font-weight:400

}







/* Direction Nav */

.flex-direction-nav {

	height: 0;

}

.flex-direction-nav a {

	width:52px;

	height: 52px;

	margin: -15px 0 0;

	display: block;

	background:  url(../images/flexslider/bg_direction_nav.png) no-repeat;

	position: absolute;

	top: 50%;

	cursor: pointer;

	text-indent: -999em;

}

.flex-direction-nav .flex-next {

	background-position: -52px 0;

	right: 0px;

}

.flex-direction-nav .flex-prev {

	left: 0px;

}

.flex-direction-nav .flex-disabled {

	opacity: .3;

	filter:alpha(opacity=30);

	cursor: default;

}

/* Control Nav */

.flex-control-nav {

	width: 100%;

	position: absolute;

	bottom: -30px;

	text-align: center;

}

.flex-control-nav li {

	margin: 0 0 0 5px;

	display: inline-block;

	zoom: 1;

*display: inline;

}

.flex-control-nav li:first-child {

	margin: 0;

}

.flex-control-nav a {

	width: 13px;

	height: 13px;

	display: block;

	cursor: pointer;

	text-indent: -999em;

}

.flex-control-nav a:hover {

	background-position: 0 -13px;

}

.flex-control-nav a.flex-active {

	background-position: 0 -26px;

	cursor: default;

}

/****************************** HOME - Content Part - Box One ******************************/

.info a {

	color:#89a2b2;

	 margin-left:0;

	-webkit-transition: all 0.3s ease;

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

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

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

	transition: all 0.3s ease-in-out;

	cursor:pointer;

}

.info a:hover {

	margin-left:4px;

	color:#738a99;

}

span.red {

	color:#c45d69;

}

span.green {

	color:#61bd68;

}

/****************************** HOME - Content Part - Box Two ******************************/

.quote {

	text-align:center;

	padding:0px 0 10px 0;

}

.quote h3 {

	font-style:italic;

	font-weight:bold;

}

.quote h4 {

	margin-bottom:-10px;

}

.clients img {

	border-bottom:6px solid #efefef;

	opacity: 0.5;

	filter: alpha(opacity=50);

	-webkit-transition: opacity 0.5s linear;

	-moz-transition: opacity 0.5s linear;

	-o-transition: opacity 0.5s linear;

	-ms-transition: opacity 0.5s linear;

	transition: opacity 0.5s linear;

	cursor:pointer;

}

.clients img:hover {

	opacity: 1;

	filter: alpha(opacity=100);

	-webkit-transition: opacity 1s linear;

	-moz-transition: opacity 1s linear;

	-o-transition: opacity 1s linear;

	-ms-transition: opacity 1s linear;

	transition: opacity 1s linear;

}

/****************************** HOME - Content Part - Box Three ******************************/

.boxthree .one_third {

	background:#ffffff;

	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1), 0px -0px 0px #efefef;

	border-bottom:3px solid transparent;

	-webkit-transition: all 0.3s ease;

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

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

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

	transition: all 0.3s ease-in-out;

}

.boxthree .one_third:hover {

	border-bottom:3px solid #E6AF1A;

}

.boxthreeleft, .boxthreecenter, .boxthreeright {

	padding:20px 20px 15px 20px;

}

.boxthree img {

	opacity: 1;

	filter: alpha(opacity=100);

	-webkit-transition: opacity 0.5s linear;

	-moz-transition: opacity 0.5s linear;

	-o-transition: opacity 0.5s linear;

	-ms-transition: opacity 0.5s linear;

	transition: opacity 0.5s linear;

}

.boxthree img:hover {

	opacity: 0.7;

	filter: alpha(opacity=70);

	-webkit-transition: opacity 1s linear;

	-moz-transition: opacity 1s linear;

	-o-transition: opacity 1s linear;

	-ms-transition: opacity 1s linear;

	transition: opacity 1s linear;

}

.boxthree h3 {

	border-bottom:1px solid #ffffff;

}

a.simple {

	color:#c45d69;

	font-size:11px;

}

/****************************** HOME - Content Part - Footer ******************************/

#footer {

	background-image: url(../css/fondotop2.png);

	padding:20px 0px;

	border-top:0px solid #202020;

}

.footer p {

	font-size:17px; color:#404040;

}

.footer h3 {

	font-size:19px; color:#AEACAC;

}

#tweets li {

	line-height: 1.5em;

	color:#000000;

}

#tweets li a {

	color:#AEACAC;

}

#tweets p.meta {

	color:#bfd6e4;

	margin-top:10px;

}

#tweets li.tweet_content_0 {

	border-top:0px none;

	list-style:none;

}

#tweets li:last-child {

	border-bottom:0px none;

}

#tweets .hash {

	color:#efefef;

}

#tweets .reply {

	color:#efefef;

}

.footer ul li {

	font-size:16px;

 color:#AEACAC;

	border-top:0px solid #ffffff;

	border-bottom:0px solid #494d5a;

	padding:5px 0;

}

.footer ul li:last-child {

	border-bottom:none;

}

.footer ul li:first-child {

	border-top:none;

}

.footer ul li a {

	color:#EAE8E8;

	-webkit-transition: all 0.3s ease;

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

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

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

	transition: all 0.3s ease-in-out;

	cursor:pointer;

}

.footer ul li a:hover {

	color:#AEACAC;

	padding-left:5px;

}

/****************************** HOME - Content Part - Copyright ******************************/

#copyright {

	background:#000000;

	border-top:0px solid #CFE0EE;

	border-bottom:0px solid #5c616f;

}

p.copyright {

	font-size:15px;

	color:#ffffff;

	padding-top:20px;

}

p.copyright a {

	color:#000000;

}

ul.socials {

	margin-top:10px;

	float:right;

}

ul.socials li {

	display:inline;

}

/****************************** ABOUT - Content Part ******************************/

.aboutoneleft p.quote, .aboutonecenter p.quote {

	color:#647884;

	font-style:italic;

	font-weight:bold;

	font-size:11px;

}

.aboutoneleft img.raster, .aboutonecenter img.raster {

	float:left;

	margin-right:10px;

	margin-top:2px;

}

.aboutoneright img {

	border-bottom:5px solid #bccfdb;

}

/* TOGGLE -------------------------------------------------*/

.toggle-trigger {

	text-decoration: none;



	line-height:1.3em;

	font-size:19px;

	font-family: 'Roboto Condensed', sans-serif;



	color: #ffffff;

	font-weight: normal;

	padding: 13px 13px 12px 13px;

	cursor: pointer;

	border-bottom: 1px solid #ffffff;

	background: #007172 url(croce.gif) no-repeat 5px 10px;

	-webkit-transition: all 0.3s ease;

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

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

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

	transition: all 0.3s ease-in-out;

}

.toggle-trigger.active {

	border-bottom:0px solid 007172;

	background:007172;

	text-decoration: none;

	color: #FFFFFF;

	font-weight: normal;

}

.toggle-trigger:hover {

	background-color:007172;

	text-decoration: none;

	color: #FFFFFF;

	font-weight: normal;

}

.toggle-container {

	margin-bottom: 0px;

	padding: 1px 1px;

	border-bottom: 0px solid #FFFFFF;

	border-right: 0px solid #FFFFFF;

	border-left: 0px solid #FFFFFF;

background-color:#ededeb;

}

/***************** PORTFOLIO / Pagination*****************/

.portfolio .flexslider {

	margin: 0px 0 30px 0;

	padding: 5px;

	background:#fff;

	border:1px solid #efefef;

}

.portfolio h2 {

	border-bottom:1px dashed #cdcdcd;

	padding:0px 0 5px 0;

}

.portfolio h4 {

	font-style:italic;

	font-size:13px;

}

p.portfolio {

	margin-top:25px;

	background:#fff;

	border:1px solid #efefef;

	padding:5px;

}

ul.pagination {

	padding:22px 0px 10px 0px;

}

ul.pagination li {

	display: inline;

}

ul.pagination li a {

	background-color:white;

	border:#efefef solid 1px;

	color: #414550;

	font-weight:bold;

	width:80px;

	height:80px;

	padding:9px 13px;

	margin-right:5px;

	/* CSS3 Transition */

	transition: background-color 0.5s ease-in-out;

	-moz-transition: background-color 0.5s ease-in-out;

	-webkit-transition: background-color 0.5s ease-in-out;

	cursor:pointer;

}

ul.pagination li a:hover, ul.pagination li a#currentPage {

	text-decoration: none;

	background-color: #bfd6e4;

	color: white;

}

/****************************** Gallery ******************************/

.portfolio4columns .one_fourth {

	margin-bottom:10px;

	background: #fff;

	box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 1px -1px 0px #efefef;

	border-bottom:2px solid transparent;

	-webkit-transition: all 0.3s ease;

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

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

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

	transition: all 0.3s ease-in-out;

} .one_fourthmio {

	margin-bottom:10px;

	background: #fff;

	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1), 0px -0px 0px #efefef;

	border-bottom:2px solid transparent;

	-webkit-transition: all 0.3s ease;

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

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

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

	transition: all 0.3s ease-in-out;

}

.portfolio4columns .one_fourth:hover {

	border-bottom:2px solid #bfd6e4;

}

.boxfour {

 	background: url(../images/back1.png) left repeat-x; padding:10px 10px 4px 10px;  

}

.portfolio4columns img {

	opacity: 1;

	filter: alpha(opacity=100);

	-webkit-transition: opacity 0.5s linear;

	-moz-transition: opacity 0.5s linear;

	-o-transition: opacity 0.5s linear;

	-ms-transition: opacity 0.5s linear;

	transition: opacity 0.5s linear;

}

.portfolio4columns img:hover {

	opacity: 0.9;

	filter: alpha(opacity=90);

	-webkit-transition: opacity 1s linear;

	-moz-transition: opacity 1s linear;

	-o-transition: opacity 1s linear;

	-ms-transition: opacity 1s linear;

	transition: opacity 1s linear;

}

/* #Tabs (activate in tabs.js)

================================================== */

ul.tabs {

	display: block;

	margin: 0 0 20px 0;

	background:#727888;

}

ul.tabs li {

	width: 50;

	height: 18px;

	padding: 10px 0px;

	float: left;

	margin-bottom: 0;

}

ul.tabs li a {

	text-decoration: none;

	width: auto;

	border-right:1px solid #fff;

	padding:0 20px;

	line-height: 10px;

	margin: 0;

	color:#bfd6e4;

	font-size: 16px;

}

ul.tabs li a.active {

	background:#7cbaca;

	padding:5px 20px;

	position: relative;

	top: 0px;

	margin: 0 0 0 0px;

	color: #fff;

}

ul.tabs li:first-child a.active {

	margin-left: 0;

}

ul.tabs-content {

	margin: 0;

	display: block;

	color:#efefef;

}

ul.tabs-content > li {

	display:none;

}

ul.tabs-content > li.active {

	display: block;

}

/* Clearfixing tabs for beautiful stacking */

	ul.tabs:before, ul.tabs:after {

	content: '\0020';

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}

ul.tabs:after {

	clear: both;

}

ul.tabs {

	zoom: 1;

}

li#beauty, li#woman, li#people, li#test {

	-webkit-animation: slideLeft 0.5s ease-in-out forwards;

	-moz-animation: slideLeft 0.5s ease-in-out;

	-o-animation: slideLeft 0.5s ease-in-out;

	-ms-animation: slideLeft 0.5s ease-in-out;

	animation: slideLeft 0.5s ease-in-out;

}

@-webkit-keyframes slideLeft {

 0% {

 -webkit-transform: translateX(-20%);

 opacity: 0;

}

 100% {

 -webkit-transform: translateX(0px);

 opacity: 1;

}

}

 @-moz-keyframes slideLeft {

 0% {

 -moz-transform: translateX(-20%);

 opacity: 0;

}

 100% {

 -moz-transform: translateX(0px);

 opacity: 1;

}

}

 @-o-keyframes slideLeft {

 0% {

 -o-transform: translateX(-20%);

 opacity: 0;

}

 100% {

 -o-transform: translateX(0px);

 opacity: 1;

}

}

 @-ms-keyframes slideLeft {

 0% {

 -ms-transform: translateX(-20%);

 opacity: 0;

}

 100% {

 -ms-transform: translateX(0px);

 opacity: 1;

}

}

 @keyframes slideLeft {

 0% {

 transform: translateX(-20%);

 opacity: 0;

}

 100% {

 transform: translateX(0px);

 opacity: 1;

}

}

/****************************** BLOG - Content Part - Blog Page ******************************/

.post {

	margin-bottom:40px;

	padding:10px;

	background:#fff;

	border:1px solid #efefef;

	opacity: 1;

	filter: alpha(opacity=100);

	-webkit-transition: opacity 0.5s linear;

	-moz-transition: opacity 0.5s linear;

	-o-transition: opacity 0.5s linear;

	-ms-transition: opacity 0.5s linear;

	transition: opacity 0.5s linear;

}

.blog img {

	background:#bfd6e4;

	padding:10px;

	margin-left:-10px;

	margin-bottom:10px;

}

.blog img:hover {

	opacity: 0.7;

	filter: alpha(opacity=70);

	-webkit-transition: opacity 1s linear;

	-moz-transition: opacity 1s linear;

	-o-transition: opacity 1s linear;

	-ms-transition: opacity 1s linear;

	transition: opacity 1s linear;

}

.blog p.meta {

	font-size:19px;

	margin-bottom:10px;

	margin-top:0px;

	border:1px solid #dcdcdc;

	background:#efefef url(../images/blog.png) 97% center no-repeat;

	padding:5px 0px 20px 10px;

	color:#414550;

}

.blog p.meta a {

	color: #5f637a;

}

span.left {

	padding:0 10px;

	border-right:1px solid #fff;

}

.blog h4 {

	font-style:italic;

	font-size:12px;

	text-transform:capitalize;

	margin-top:-10px;

}

.posttwo {

	margin-top:40px;

}

/***************** Blog/Sidebar *****************/

.sidebar h3 {

	background:#bfd6e4;

	border:1px solid #fff;

	padding:5px;

}

ul.blogList a.about {

	color: #414558;

	-webkit-transition: all 0.3s ease;

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

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

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

	transition: all 0.3s ease-in-out;

}

ul.blogList a.about:hover {

	padding-left:3px;

}

ul.blogList li {

	padding: 10px 20px;

	border-bottom:1px solid #fff;

	background: url(../images/raster.png) left no-repeat;

}

li.activenavigationItem {

	font-weight: bold;

	color: #8990a3;

	font-style:italic;

	-webkit-transition: all 0.3s ease;

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

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

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

	transition: all 0.3s ease-in-out;

}

li.activenavigationItem:hover {

	color: #414558;

}

.second, .third {

	margin-top:30px;

}

.third h5 {

	text-transform:uppercase;

	font-size:12px;

}

span.color {

	background:#c45d69;

	color:#fff;

	padding:5px;

	font-weight:bold;

}

/******************************* BLOG / Blogpost  *******************************/

.postone {

	margin-bottom:40px;

	padding:10px;

	background:#fff;

	border:1px solid #efefef;

	opacity: 1;

	filter: alpha(opacity=100);

	-webkit-transition: opacity 0.5s linear;

	-moz-transition: opacity 0.5s linear;

	-o-transition: opacity 0.5s linear;

	-ms-transition: opacity 0.5s linear;

	transition: opacity 0.5s linear;

}

.singleblog img {

	background:#bfd6e4;

	padding:10px;

	margin-left:-10px;

	margin-bottom:10px;

}

.singleblog img:hover {

	opacity: 0.7;

	filter: alpha(opacity=70);

	-webkit-transition: opacity 1s linear;

	-moz-transition: opacity 1s linear;

	-o-transition: opacity 1s linear;

	-ms-transition: opacity 1s linear;

	transition: opacity 1s linear;

}

.singleblog p.meta {

	font-size:11px;

	margin-bottom:10px;

	margin-top:0px;

	border:1px solid #dcdcdc;

	background:#efefef url(../images/blog.png) 97% center no-repeat;

	padding:5px 0px 20px 10px;

	color:#414550;

}

.singleblog p.meta a {

	color: #5f637a;

}

.singleblog h4 {

	color:#6d8696;

	font-style:italic;

	font-weight:bold;

	font-size:11px;

	border-left:2px solid #c45d69;

	padding:0 0 0 10px;

}

h4.tags {

	color:#414550;

}

.comments h2 {

	text-align:center;

}

div#comments {

	margin-bottom:-10px;

}

ul#articleCommentList li {

	overflow: hidden;

}

ul#articleCommentList li ul {

	margin-left: 50px;

}

div.commentMeta {

	width: 100px;

	margin-right: 40px;

	float: left;

	text-align: right;

	overflow: hidden;

}

div.commentMeta p {

	text-transform: uppercase;

	color: #414550;

	float: right;

	font-size: 14px;

	margin-top:0px;

	padding: 0 10px 0 0;

}

img.user {

	background:#fff;

	border:1px solid #dcdcdc;

	padding:5px;

}

div.commentBody {

	background-color:white;

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

	padding: 30px 15px 20px 15px;

	margin: 0px 0 20px 140px;

}

div.commentBody h3 {

	background-color:#bfd6e4;

	padding:5px;

	font-size: 14px;

	margin-top:-10px;

	font-weight:bold;

	margin-bottom:10px;

}

div.commentBody h3 a {

	color: #414550;

}

div.commentBody p {

	font-size: 12px;

}

span.adminIcon {

	color:#414550;

	font-size: 11px;

	background-color:#bfd6e4;

	padding: 6px 10px;

	width: 60px;

	text-align: center;

	margin-top:-10px;

}

h2#commentFormHeading {

	margin: 0px 0 30px 0;

}

div#comments a.buttonLink {

	margin-left:-30px;

}

/******************************* FEATURES / Resume  *******************************/

.resume {

	margin-top:30px;

}

.resume .one_third {

	background:#;

	border-bottom:2px solid #;

}

.resume .one_third h3 {

	padding:10px;

}

.resume .two_third {

	background:#fff;

}

.resume .two_third p {

	padding:10px;

}

.resume .two_third h4 {

	padding:10px;

}

.resume .two_third ul {

	padding:10px;

	margin-top:-20px;

}

.resume .two_third ul li {

	color:#8295a0;

}

.resume img {

	margin-bottom:-30px;

}













.resume .two_third1 {

	background:#fff;

}

.resume .two_third1 p {

	padding:10px;

}

.resume .two_third1 h4 {

	padding:10px;

}

.resume .two_third1 ul {

	padding:10px;

	margin-top:-20px;

}

.resume .two_third1 ul li {

	color:#8295a0;

}

.resume img {

	margin-bottom:-30px;

}




























/******************************* CONTACT FORM -  for blog and contact page  *******************************/

#contactForm h2 {

	margin-top:40px;

}

form#contact_form {

	background-color:white;

	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);

	color:#414550;

}

form#contact_form .name {

	padding:30px 0px 0 20px;

}

form#contact_form .email {

	padding-left:20px;

	padding-top:10px;

}

form#contact_form .password {

	padding-left:20px;

	padding-top:10px;

}

form#contact_form p {

	margin-bottom:10px;

	padding-top:5px;

	font-style:italic;

}

form#contact_form .message {

	padding-left:20px;

	padding-top:10px;

}

div#loader {

	margin-left: 20px;

	margin-bottom:30px;

}

form#contact_form input[type="text"] {

	border: 1px solid #cccccc;

	background-color: #ededeb;

	height: 30px;

	padding: 0 10px;

	width: 250px;

	margin-bottom:20px;

}

form#contact_form input[type="password"] {

	border: 1px solid #cccccc;

	background-color: #ededeb;

	height: 30px;

	padding: 0 10px;

	width: 250px;

	margin-bottom:20px;

}

form#contact_form input#email {

	border: 1px solid #cccccc;

	background-color: #ededeb;

	height: 30px;

	padding: 0 10px;

	width: 250px;

	margin-bottom:20px;

}

form#contact_form input#password {

	border: 1px solid #e1e5e9;

	background-color: #ededeb;

	height: 30px;

	padding: 0 10px;

	width: 250px;

	margin-bottom:20px;

}

form#contact_form textarea {

	border: 1px solid #cccccc;

	background-color: #ededeb;

	width: 500px;

	margin-bottom:20px;

}

form#contact_form label {

	margin-right: 20px;

	font-size: 12px;

	font-weight:bold;

	color: #414550;

	text-transform: uppercase;

}

form#contact_form label span {

	color: #414550;

}

form#contact_form input[type="text"]:focus, form#contact_form input[type="text"]:hover, form#contact_form textarea:focus, form#contact_form textarea:hover, form#contact_form input[type="password"]:focus, form#contact_form input[type="password"]:hover, form#contact_form textarea:focus, form#contact_form textarea:hover {

	background-color:#efefef;

}

form#contact_form input[type="submit"] {

	background: #414550;

	border:none;

	padding:5px;

	font-size:11px;

	text-transform:uppercase;

	color:white;

	margin-bottom:10px;

	-webkit-transition: all 0.3s ease;

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

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

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

	transition: all 0.3s ease-in-out;

}

form#contact_form input[type="submit"]:hover {

	color:#bfd6e4;

}

.map-container {

	position: relative;

	padding-bottom: 20%;

	overflow: hidden;

	border-bottom:5px solid #fff;

}

.map-container iframe, .map-container object, .map-container embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height:100%;

}

.contact1 {

	margin-top:-40px;

}

/***************** Contact/Sidebar *****************/

.contactsidebar h3 {

	background:#bfd6e4;

	border:1px solid #fff;

	padding:5px;

}

ul.contactsidebarList a.about {

	color: #414558;

	-webkit-transition: all 0.3s ease;

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

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

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

	transition: all 0.3s ease-in-out;

}

ul.contactsidebarList a.about:hover {

	padding-left:3px;

}

ul.contactsidebarList li {

	color:#414558;

	padding: 10px 20px;

	border-bottom:1px solid #fff;

	background: url(../images/raster.png) left no-repeat;

}

.second, .third {

	margin-top:30px;

}

.third h5 {

	text-transform:uppercase;

	font-size:12px;

}

span.color {

	background:#c45d69;

	color:#fff;

	padding:5px;

	font-weight:bold;

}

/****************************** Shortcodes ******************************/

/* Content Shortcodes */



.nav {

	display: none;

}



.containerfondo {

	width: 99%;

}

.containerscomp {

	width: 100%;

}

.one_half {

	width: 48%;

}

.one_one {

	width: 100%;

  margin: 0 auto;  background-image: url(../images/fondo.png); background-repeat: repeat-x; border-top:2px solid #FAF2E8; }

.one_third {

	width: 32%;

} 







.one_third_new {

	width: 33%;

} 

.one_half1piccolo {

	width: 46%;

}.one_half1 {

	width: 50%; padding-top:0px; padding-left:0px; margin-top:0px; margin-bottom:0px; border: 0px;

}.spazio {

	width: 2%;

}.spaziofine {

	width: 2%;

} .spaziosette {

	width: 1%;

}

.terzofoto {

	width: 15%;

}.sette {

	width: 13.4%;

}.two_third {

 	width: 60%;

}

.two_thirdmio {

 	width: 65%;

}



.two_third1 {

	width: 67%;
}


.one_fourth {

	width: 25%;
}





.one_fourth1 {

	width: 25%;

}

.one_fifth {

	width: 16.8%;

}

.one_fifth1 {

	width: 6%;

}

.one_sixth {

	width: 14.7%;

}

.one_sixth1 {

	width: 18.3%;

}

.one_half, .two_third,.two_thirdmio, .one_fourthmio, .one_sixth1 {

	margin-right: 4%;

	margin-bottom: 0px;

	float: left;

}

 .one_fourth {

	margin-right: 0.0%;

 margin-left: 0.0%;	margin-bottom: 0px;

	float: left;

}


 .one_fourth1 {

	margin-right: 0.0%;

 margin-left: 0.0%;	margin-bottom: 0px;

	float: left;

}

 .two_third1 {

	margin-right: 0.0%;

 margin-left: 0.0%;	margin-bottom: 0px;

margin-top: 6px;

	float: left;

}


 .one_fifth {

	margin-right: 0.0%;

 margin-left: 1.6%;	margin-bottom: 0px;

	float: left;

 margin-right: 1.6%;

}

 .one_fifth1 {

	margin-right: 0.0%;

 margin-left: 0%;	margin-bottom: 0px;

	float: left;

 margin-right: 0%;

}

.one_third {

	 margin-left: 1%;

 	margin-bottom: 0px;

	float: left;

}



.one_third_new {

	 margin-left: 0%;

 	margin-bottom: 0px;

	float: left;

}



.spazio {

	margin-right: 0%;

	margin-bottom: 10px;

	float: left;

}

.spaziofine {

	margin-right: 0%;

	margin-bottom: 10px;

	float: left;

} 

.spaziosette {

	margin-right: 0%;

	margin-bottom: 10px;

	float: left;

}

.sx {

	width: 1025px;

 margin: 0 auto;} 

.terzofoto {

	margin-right: 0%;

	margin-bottom: 7px;

	float: left;

}.sette {

	margin-right: 0%;

	margin-bottom: 7px;

	float: left;

}



.one_half1 {

	margin-right: 0%;

	margin-bottom: 0px;

	float: left;

}



.one_half1piccolo {

	margin-right: 2%;

	margin-left: 2%;

	margin-bottom: 0px;

	float: left;

}.one_sixth {

	height: auto; margin-right: 1%;

 background:#EFF4F7; 	margin-bottom:10px;

 padding-top:5px;	padding-right:5px; padding-left:5px; float: left;}

.lastcolumn {

	margin-right: 0!important;

	clear: right;

}

.f-nav{ z-index: 9999; position:fixed; top:0; width:100%; background-color: lightblue; 

}

/* #Page Styles

================================================== */

.content {

	padding-top: 20px;

}

.content.right {

	float: right;

}



/* #Media Queries

================================================== */



Smaller than standard 960 (devices and browsers) */

	@media only screen and (max-width: 959px) {



}

	/* Tablet Portrait size to standard 960 (devices and browsers) */

	@media only screen and (min-width: 768px) and (max-width: 959px) {

.nav {

	display: block;

}

.containerfondo {

	display: none;

}

.containerscomp {

	display: none;

}

.two_third1 {

width: 67%;

}

.one_fourth1 {

width: 25%;

}

.one_fifth1 {

width: 6%;

}





.sf-menu li a {

 padding:45px 10px 45px 10px;

}

#flex-caption {

 display:yes;

}

span.left {

 padding:0 5px;

}

.blog p.meta, .singleblog p.meta {

 background:#efefef;

}

form#contact_form textarea {

 width: 350px;

}

div.suparax {

background-color: #ffffff;

align: center;

padding: 10px;

margin: 0 auto;

width: 90%;

margin-top: 10px;

margin-bottom: 10px;

}

}



	/* All Mobile Sizes (devices and browser) */

	@media only screen and (min-width: 600px) and (max-width: 800px) {



.nav {

	display: block;

}



.containerscomp {

	display: none;

}

.f-nav{

}

 .mainmenu {

float: left;

width: 100%;

margin-top:-230px;

}

.bandiere, .one_half, .one_third_new,  .one_fourthmio,.one_fifth, .one_sixth, .one_sixth1 {

width: 98%;

}



.one_fourth {

width: 100%;

}

.two_third1 {

width: 67%;

}

.one_fourth1 {

width: 25%;

}

.one_fifth1 {

width: 6%;

}



.my-gallery figure{

width: 96%;

}.my-gallery2 figure{

width: 90%;

} .spazio{

width: 2%;

}.spaziofine{

width: 2%;

}.spaziosette{

width: 1%;

}.sx{

width: 100%;

} 

#flex-caption {

 display:yes;

}

.blog p.meta, .singleblog p.meta {

 padding:20px 0px 50px 10px;

 background:#efefef;

}

form#contact_form textarea {

 width: 300px;

}

div.suparax {

background-color: #ffffff;

align: center;

padding: 10px;

margin: 0 auto;

width: 90%;

margin-top: 10px;

margin-bottom: 10px;

}

}



	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */













/* All Mobile Sizes (devices and browser) */

	@media only screen and (min-width: 300px) and (max-width: 599px) {

.nav {

	display: block;

}



.containerscomp {

	display: none;

}

.f-nav{

}

 .mainmenu {

float: left;

width: 100%;

margin-top:-230px;

}


.bandiere, .one_half, .one_third_new,.two_thirdmio, .one_fourthmio, .one_fifth, .one_sixth, .one_sixth1, .my-gallery figure  {

width: 98%;

}

.one_fifth1  {

width: 6%;

}


.two_third1 {

width: 67%;

}

.one_fourth1 {

width: 25%;

}





.my-gallery2 figure {

width: 90%;

}



.one_fourth {

width: 100%;

}

.two_third1 {

width: 67%;

}

.one_fourth1 {

width: 25%;

}

.one_fifth1 {

width: 6%;

}



.spazio{

width: 2%;

}.spaziosette{

width: 2%;

}.terzofoto{

width: 100%;

}.sette{

width: 100%;

}.one_half1{

width: 100%;

}.one_half1piccolo{

width: 46%;

}

.sx{

width: 100%;

} #flex-caption {

 display:yes;

}

.blog p.meta, .singleblog p.meta {

 padding:20px 0px 50px 10px;

 background:#efefef;

}

form#contact_form textarea {

 width: 300px;

}

div.suparax {

background-color: #ffffff;

align: center;

padding: 10px;

margin: 0 auto;

width: 90%;

margin-top: 10px;

margin-bottom: 10px;

}

}



	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */













	





 Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

	@media only screen and (max-width: 479px) {

.nav {

	display: block;

}



.containerscomp {

	display: none;

}

.f-nav{

}

.two_third1 {

width: 67%;

}

.one_fourth1 {

width: 25%;

}

.one_fifth1 {

width: 6%;

}

ul.tabs {

 margin-top:20px;

}

ul.tabs li {

 padding: 0 5px 0 0px;

}

 .mainmenu {

float: left;

width: 100%;

margin-top:-340px;

}

ul.pagination li a {

 padding:5px 8px;

}

.blog p.meta, .singleblog p.meta {

 padding:10px 0px 60px 10px;

 background:#efefef;

}

form#contact_form textarea {

 width: 200px;

}

form#contact_form input[type="text"] {

 width: 150px;

}

form#contact_form input#email {

 width: 150px;

}

ul.tabs li {

 padding:10px 0px;

}

ul.tabs li a {

 padding:0px 10px;

 line-height: 10px;

}

form#contact_form input#password {

 width: 150px;

}

ul.tabs li {

 padding:10px 0px;

}

ul.tabs li a {

 padding:0px 10px;

 line-height: 10px;

}

div.suparax {

background-color: #ffffff;

align: center;

padding: 10px;

margin: 0 auto;

width: 90%;

margin-top: 10px;

margin-bottom: 10px;

}

}

/* Responsive Menu

================================================== */

	

#mainmenu {

	visibility: visible;

}

#responsive-menu {

	display: none;

	float: left;

}

 @media only screen and (max-width: 800px) {



 #mainmenu1 {

visibility: hidden;

height: 0;

}

 #flex-caption {

visibility: ;

height: 0;

} #flex-caption1 {

visibility: ;

height: 0;

}#responsive-menu {

display: inline-block;

width: 100%;

margin-top: 13px;

}





}



/* bandiere================================================== */ 

	

#bandiere {

	visibility: visible;

}

#responsive-menu {

	display: none;

	float: left;

}

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

 #bandiere {

visibility: hidden;

height: 0;

}

 #responsive-menu {

display: inline-block;

width: 100%;

margin-top: 13px;

}





}








.styled-select select {

   background: #ededeb;

   width: 230px;

   padding: 5px;

   font-size: 15px;

   font-family: 'Maven Pro', sans-serif;

   color: #606060;

   line-height: 1;

   border: 1;

   border-radius: 0;

   border-color: #cccccc;

   height: 35px;

   -webkit-appearance: yes;

   }







.fadeimg {


  visibility: hidden;


}


.fadeimg.fadein {


  visibility: visible !important;


  -webkit-animation: fade_in_anim 1.8s;


  animation: fade_in_anim 1.8s;


}


@-moz-keyframes fade_in_anim {


  0%{opacity:0}


  100%{opacity:1}


}


@-webkit-keyframes fade_in_anim {


  0%{opacity:0}


  100%{opacity:1}


}


@keyframes fade_in_anim {


  0%{opacity:0}


  100%{opacity:1}


}


img.fadeimg {

    -webkit-transition: all 250ms ease-in-out;


-moz-transition: all 250ms ease-in-out;


-ms-transition: all 250ms ease-in-out;


-o-transition: all 250ms ease-in-out;


transition: all 250ms ease-in-out;

}









img.fadeimg:hover {

    -webkit-transform: scale(1.05,1.05);


-moz-transform: scale(1.05,1.05);




-o-transform: scale(1.05,1.05);


-ms-transform: scale(1.05,1.05);


transform: scale(1.05,1.05);


opacity: 0.6;

}





div.parax {

  height: 550px;

  line-height: 550px;

  text-align: center;



}



div.parax1 {

  height: 100%;

  line-height: 100%;

  text-align: center;



}

span {

  display: inline-block;

  vertical-align: middle;

  line-height: 100%;

}



  #button {

  display: inline-block;

  background-color: #0E3205;

  width: 50px;

  height: 50px;

  text-align: center;

  border-radius: 4px;

  position: fixed;

  bottom: 20px;

  right: 10px;

  transition: background-color .3s, 

    opacity .5s, visibility .5s;

  opacity: 0;

  visibility: hidden;

  z-index: 1000;

}

#button::after {

  content: url(../images/icosu.png);

  font-family: FontAwesome;

  font-weight: normal;

  font-style: normal;

  font-size: 2em;

  line-height: 50px;

  color: #fff;

}

#button:hover {

  cursor: pointer;

  background-color: #0E3205;

}

#button:active {

  background-color: #0E3205;

}

#button.show {

  opacity: 1;

  visibility: visible;

}



/* Styles for the content section */



.content {

  width: 77%;

  margin: 50px auto;

  font-family: 'Merriweather', serif;

  font-size: 17px;

  color: #6c767a;

  line-height: 1.9;

}

@media (min-width: 500px) {

  .content {

    width: 43%;

  }

  #button {

    margin: 30px;

  }

}

.content h1 {

  margin-bottom: -10px;

  color: #03a9f4;

  line-height: 1.5;

}

.content h3 {

  font-style: italic;

  color: #96a2a7;

}



.f-nav{ z-index: 9999; position:fixed; top:0; width:100%;}