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

CSS overview: 

	1. RESET
	2. ERROR 404 PAGE
	3. MAIN CONTENT
	4. FULLWIDTH MEDIA
	5. SCROLL TO TOP
	6. PRIMARY MENU 
	7. SECTION TITLE
	8. FOOTER
	9. TWITTER
	10. PHOTOSTREAM
	11. COLUMNS
	12. SERVICES GRAPH
	13. TEAM
	14. BUTTONS
	15. HIGHLIGHTS
	16. DROPCAPS
	17. DIFFERENT UL STYLES
	18. TOGGLE 
	19. ACCORDION
	20. TABS
	21. PORTFOLIO
	22. PORTFOLIO THUMBNAIL HOVER
	23. PORTFOLIO FILTERABLE NAVIGATION
	24. GALLERY
	25. CONTACT
	
---------------------------------------------------------*/



@font-face {
font-family: 'Markel';
font-weight: normal;
font-style: normal;
src: url("/fonts/Montserrat-ExtraLight.ttf") format("truetype");
}

@font-face {
font-family: 'Markel';
font-weight: normal;
font-style: italic;
src: url("/fonts/Montserrat-ExtraLightItalic.ttf") format("truetype");
}

@font-face {
font-family: 'Markl';
font-weight: normal;
font-style: normal;
src: url("/fonts/Montserrat-Light.ttf") format("truetype");
}

@font-face {
font-family: 'Markl';
font-weight: normal;
font-style: italic;
src: url("/fonts/Montserrat-LightItalic.ttf") format("truetype");
}

@font-face {
font-family: 'Markl';
font-weight: bold;
font-style: normal;
src: url("/fonts/Montserrat-Bold.ttf") format("truetype");
}

@font-face {
font-family: 'Markl';
font-weight: bold;
font-style: italic;
src: url("/fonts/Montserrat-BoldItalic.ttf") format("truetype");
}


@font-face {
font-family: 'Markm';
font-weight: normal;
font-style: normal;
src: url("/fonts/Montserrat-Medium.ttf") format("truetype");
}

@font-face {
font-family: 'Markm';
font-weight: normal;
font-style: italic;
src: url("/fonts/Montserrat-MediumItalic.ttf") format("truetype");
}

@font-face {
font-family: 'Markm';
font-weight: bold;
font-style: normal;
src: url("/fonts/Montserrat-Black.ttf") format("truetype");
}

@font-face {
font-family: 'Markm';
font-weight: bold;
font-style: italic;
src: url("/fonts/Montserrat-BlackItalic.ttf") format("truetype");
}


/*--------------------------------------------------
				      RESET
---------------------------------------------------*/
pre,code{
	font-family:"Times New Roman", Times, serif;
	white-space:pre;
	padding:20px;
	letter-spacing: 0.1em;
}
pre{
	padding:5px;
}
code{
	background:#333;
	font-size:11px;
	color: #666666;
	padding: 3px;
	padding-left: 10px;
}
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,  del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin:0px; 
	padding:0px; 
	border:0px; 
	border-collapse:separate; 
	border-spacing:0px;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-decoration:none;
}
html, body {
	height: 100%;
	width: 100%;
}
::-moz-selection{ color: #fff; background: #EC5B43; }
::selection { color: #fff; background: #EC5B43; }
body {
	font-family: Markl,Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #000;
	background-color: #fff /*#252525;*/
}
h1,h2,h3,h4,h5,h6{
	margin-bottom: 14px;
	font-weight: bold;
	clear: both;
	color: #000;
	/*background-color: #303030 !important;*/
}
h1{
	font-size:28px;
	line-height: 34px;
}
h2{
	font-size: 22px;
	line-height: 27px;
}
h3{
	font-size:18px;
	line-height: 22px;
}
h4{
	font-size:16px;
	line-height: 20px;	
	font-family: Markm,sans-serif;
	font-weight:normal;
}
h5{
	font-size:14px;
	line-height: 17px;
}
h6{
	font-size:12px;
	line-height: 16px;
}
ul, ol	{
	display: block;
	padding: 0px;
	margin: 0 0 14px 17px;
}
blockquote {
	font: italic 17px/1.25em Georgia, "Times New Roman", Times, serif;
	color: #aaa;
	background: url(../images/sprite.png) no-repeat scroll 0 -617px transparent;
	padding: 0 0 15px 55px;   
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
blockquote.left, blockquote.right {
	width: 60%;
}
blockquote.left {
	margin-right: 25px;
}
blockquote.right {
	float: right;
	margin-left: 25px;
}
blockquote small {
    font-size: 11px;
}
p {
	margin-bottom: 14px;
}
p:last-child {
	margin-bottom: 0;
}
em {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}
input, textarea, select {
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	-webkit-transition: all 0.2s ease-out 0s;   
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s; 
	outline: medium none;
	font: normal 12px/1.3em Markl,Helvetica, Arial, sans-serif;
	color: #999;
	background-color: #333;
	border: 1px solid #444; 
	padding: 8px;
}
input:focus, textarea:focus, select:focus {
	border: 1px solid #8DC5C5;
	background-color: #333;
	color: #fff;
	box-shadow:0 0 4px rgba(82,168,236,.5);
	-moz-box-shadow:0 0 4px rgba(82,168,236,.5);
	-webkit-box-shadow:0 0 4px rgba(82,168,236,.5);
}
input.submit, input.submit:focus, input.submit:active {
	cursor:pointer;
	text-align:center;
	font: bold 11px/1.3em Helvetica, Arial, sans-serif;
	text-transform: uppercase;
    color: #fff;
	text-decoration:none !important;
	background-color: #444;	
	padding: 7px;
	border: none;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}
input.submit:hover {
    color: #333;
}
a { 
	-webkit-transition:all 0.14s ease 0s; 
	-moz-transition:all 0.14s ease 0s; 
	-o-transition:all 0.14s ease 0s; 
	outline:none;
	color:black;
	text-decoration: underline;
}
a:hover {
	color: #999;
	text-decoration: none;
}
.title, .title a { 
	text-decoration: none;
}
.title a:hover {
}
.more-link {
	font: bold italic 12px/17px Helvetica,Arial,sans-serif;
}
.alignleft {
	float:left;
	margin: 5px 10px 0 0;
}
.alignright {
	float:right;
	margin: 5px 0 0 10px;
}
.aligncenter {
	display: block;
	margin: 10px auto 10px auto;
}
.text-align-right {
	text-align: right;
}
.text-align-left {
	text-align: left;
}
.text-align-center {
	text-align: center;
}
.right {
	float: right;
}
.left {
	float: left;
}
.divider {
	height: 40px;
	clear: both;
}
.divider-border {
	border-bottom: 1px solid #444;
	float: left;
	width: 100%;
	margin: 0 0 40px 0;
	padding: 0 0 40px 0;
}
/*--------------------------------------------------
			ERROR 404 PAGE
---------------------------------------------------*/
.error {
	background-color: #333;
	overflow: hidden;
	margin-bottom: -100px;
	width:100%;
}
.error .left, .error .right {
	float: left;
	width:46%;
	margin: 0;
	padding: 300px 2%;
}
.error .left {
	background-color: #333;
	text-align: right;
}
.error .right, .error .right h1, .error .right h2 {
	color: #333;
}
.error h1 {
	font: bold 142px/1em Helvetica, Arial, sans-serif;
	margin-left: -10px;
}
.error h2 {
	font-size:24px;
	line-height: 30px;
}
/*--------------------------------------------------
			MAIN CONTENT
---------------------------------------------------*/
	
#content-wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
}
.content {
	margin: 0 2%;
	padding: 25px 0 0 0;
}
#wrapper img, #wrapper iframe {
	max-width:100%;
}
#header-wrapper {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 10px 0;
	/*background-color: rgba(0,0,0,0.5);*/

	z-index: 100;
}	/*opacity:0.60;
	filter:alpha(opacity=60);*/
.header {
	width:100%;
	margin: 0;
}
#logo, #logo a {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 8px;
}
/*--------------------------------------------------
		FULLWIDTH MEDIA
---------------------------------------------------*/
.fullwidth {
	margin-bottom: -1px;
}
.fullwidth.showreel {
	margin-bottom: -100px;
}
.fullwidth img, .fullwidth iframe {
	width: 100%;
    display: block;
    position: relative;
}
/*--------------------------------------------------
			SCROLL TO TOP
---------------------------------------------------*/
#back-top {
    display: none;
}
#back-top a {
	display: block;
	font-size: 11px;
	position: relative;
	z-index: 1000;
	width: 31px;
	height: 31px;
	float: right;
	margin: 7px 1px 2px 0;
	padding: 0px;
	background: url(../images/sprite.png) no-repeat scroll 9px -540px #444;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	text-indent: -9999px;
}
#back-top a:hover {
	background: url(../images/sprite.png) no-repeat scroll 9px -514px;
}
/*--------------------------------------------------
			PRIMARY MENU 
---------------------------------------------------*/
#primary-menu {
	/*float: left;*/
	margin: 17px 0px 0px 0px;
}
#primary-menu select {
	display:none;
}
#primary-menu select {
	background: none repeat scroll 0 0 #333;
	border: 1px solid #444;
    cursor: pointer;
	padding: 6px;
	margin: 0;
	box-shadow:0 0 0 rgba();
	-moz-box-shadow:0 0 0 rgba();
	-webkit-box-shadow:0 0 0 rgba();
	color: #ccc;
}
#primary-menu ul {
	margin: 0;
	list-style-type: none;
}
#primary-menu ul li:hover { 
	visibility: inherit; 
}
#primary-menu ul li {
	position: relative;
	display: inline-block;
	float:none
	
}
#primary-menu ul li:before {
    content: "";
	color: #ccc;
	font-size: 11px;
}
#primary-menu ul li:last-child:before, #primary-menu ul ul li:before {
    content: "";
}
#primary-menu ul li a {
	font-family: Markl,sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	display: block;
	float: left;
	margin: 0 5px;
	padding: 0 3px 15px 3px;
	border-bottom: 4px solid transparent;
	
}
#primary-menu ul li.sfHover a, #primary-menu ul li a.current {
	/*color: #fffc00;*/
}
#primary-menu ul li a:hover {
	border-bottom: 4px black solid;
}
#primary-menu ul li span {
    color: #999;
    font-size: 11px;
}
#primary-menu ul ul {
	position: absolute;
	top: -9999em;
	z-index: 9999;
}
.submenu {
	background: #eee; 
	position:relative;
	top:5px;
}
li.subsubmenu {
	padding-top:0px;
}
li.subsubmenu a {
	font-family: Markel,sans-serif !important;
	padding-top:0px !important;
}
	
#primary-menu ul ul li { 
	width: 100%; 
}
#primary-menu ul li:hover ul {
	left: 7px;
	top: 35px;
}
#primary-menu ul li:hover li ul { 
	top: -9999em; 
}
#primary-menu ul li li:hover ul {
	left: 181px;
	top: 0;
}
#primary-menu ul ul {
	padding: 0;
	margin: 0;
	/*box-shadow: 0 0 2px rgba(0, 0, 0, 0.5)*/
}
#primary-menu ul ul li {
	margin: 0;
	background: #eee;
	/*border-bottom: 1px solid #555;*/
	text-align:left;
}
#primary-menu ul ul li:last-child {
	border-bottom: none;
}
#primary-menu ul ul li a {
	font-size: 10px;
	padding: 5px;
	padding-bottom:0px;
	margin: 0;
	width: 150px;
   background: #eee; 
   border-bottom: 0px solid transparent;
}
#primary-menu ul ul li a:hover { 
    color: white !important; /*#333; */  
	background: black; 	
	border-bottom: 0px solid transparent;
}
/*--------------------------------------------------
		  SECTION TITLE
---------------------------------------------------*/
.section-title {
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0;
}
.section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h5, .section-title h6 {
	margin: 0;
	display: inline;
}
.section-title h1 {
    font: normal 40px/1.2em Markl,Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
/*--------------------------------------------------
						 FOOTER
---------------------------------------------------*/
#footer-wrapper {
	font-size: 11px;
	float: left;
	width: 100%;
	position: relative;
	background-color:#fff;
	border-top:1px solid #ccc;
}
.footer {
	margin: 0 2%;
	padding: 30px 0;
	overflow: hidden;
}
.footer a, .footer-hidden-content a {
	font-weight: bold;
}
.footer a:hover, .footer-hidden-content a:hover {
	color: #999;
}
.footer ul, .footer-hidden-content ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.footer ul li, .footer-hidden-content ul li {
	
	width: 100%;
	margin-bottom:15px;
}
.footer .photostream img {
	height: 36px;
	width: 36px;
}
.footer-hidden {
	width: 100%;
	position: absolute;
	display: none;
	left: 0;
	z-index: 9999; 
	background-color: #252525;
	box-shadow: 0px -3px 3px -3px rgba(0, 0, 0, 0.23);
}
.footer-hidden-content {
	margin: 0 2%;
	padding: 45px 0;	
	overflow: hidden;
	font-size: 12px;
}
ul.latest-posts li span.date {
	color: #aaa;
	display: block;
	font-size: 0.9em;
	text-transform: uppercase;
}
/*--------------------------------------------------
				TWITTER
---------------------------------------------------*/
.tweets ul, .widget .tweets ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.tweets li, .widget .tweets li {
	margin-bottom: 30px;
	word-wrap: break-word;
}
.widget .tweets li {
	color: #999;
}
.tweet_even:last-child, .tweet_odd:last-child {
	margin-bottom: 0;
}
.tweets .tweet_text {
	list-style-type: none;
	display: block;
}
.tweets .tweet_text a {
	display: inline;
	font-weight: bold;
	font-style: italic;
}
.tweets .tweet_time {
	display: block;
	margin-top: 5px;
}
.tweets .tweet_time a {
	font: normal 0.9em/1.2em Helvetica,Arial,sans-serif;
	font-style: italic;
	color: #999;
	padding: 5px 0 5px 17px;
	background: url(../images/sprite.png) no-repeat 0 -574px;
}
.tweets .tweet_time a:hover {
	color: #eee;
}
/*--------------------------------------------------
			PHOTOSTREAM
---------------------------------------------------*/
.photostream-wrapper, .footer .photostream-wrapper {
	float: left;
}
.photostream ul, .footer .photostream ul, .widget .photostream ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: -7px;
}
.photostream ul li, .footer .photostream ul li, .widget .photostream ul li {
	width: auto;
	float: left;
	margin: 0 0 7px 7px;
}
.photostream a, .footer .photostream a {
	display: block;
}
.photostream img, .footer .photostream img {
	height: 50px;
	width: 50px;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.photostream a:hover img, .footer .photostream a:hover img {
	opacity:1;
	filter:alpha(opacity=100);
}
/*--------------------------------------------------
				      COLUMNS
---------------------------------------------------*/
.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; margin-right:4%; }
.one { width: 100%; margin-right: 0; }
.one-half {	width: 48%; }
.two-third { width: 65.33%; }
.one-third  { width: 30.66%; }
.one-fourth { width: 22%; }
.last { margin-right: 0 !important; }
/*--------------------------------------------------
		   SERVICES GRAPH
---------------------------------------------------*/
.skills-graph {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.skills-graph li, .skills-graph li span {
	-moz-border-radius: 300px 300px 300px 300px; 
	-webkit-border-radius: 300px 300px 300px 300px;
	border-radius: 300px 300px 300px 300px;
}
.skills-graph li {
	margin-bottom: 10px;
	font-size: 11px;
	text-transform: uppercase;
}
.skills-graph li p {
	margin-bottom: 0;
}
.skills-graph li strong {
	margin-left: 5px;
}
.skills-graph li span {
	height: 13px;
}
/*--------------------------------------------------
			TEAM
---------------------------------------------------*/
.team {
	background-color: #333;
	position: relative;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);  

}
.team-member-info {
	padding: 10px;
	overflow: hidden;
}
.team img {
    width: 100%;
}
.team-member-info strong {
	font-size:11px;
	text-transform: uppercase;
	line-height: 17px;
}
.team-member-info p {
	margin-top: 15px;
}
.team-member-info h4, .team-member-info strong, .team-member-info p {
	margin-bottom: 0;
}
.team-member-info .social-personal {
	margin: 13px 0 0 0;
	padding: 13px 0 0 0;
	list-style-type: none;
	border-top: 1px dotted #555;
}	
.team-member-info .social-personal li {
	display: inline;
}	
.team-member-info .social-personal li a {
	padding: 0 5px;
	font-size:10px;
	text-transform: uppercase;
	font-weight: bold;
}
.team-member-info .social-personal li span {
	font-size: 10px;
}
/*--------------------------------------------------
		    BUTTONS
---------------------------------------------------*/
.button {
	cursor:pointer;
	text-align:center;
	display:inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.button.right {
	float:right;
}
.button, .button:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-transform:uppercase;
}
.button:hover {
	background-color: #333;
}
.button.grey:hover {
    color: #333;
}
.small {
	padding:0 6px;	
	font-size: 10px;
	line-height: 15px;
}
.medium {
	font-size:11px;
	padding: 7px 14px !important;
}
.large {
	padding: 11px 19px 11px 19px !important;
	font-size: 17px;
}
.rounded {
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}
.grey { background-color:#444; }
.yellow { background-color:#FEEB43; color: #333; }
.orange { background-color:#ff8850; }
.green { background-color:#78d18b; }
.tealgreen { background-color:#3ea9a1; }
.blue { background-color: #7CC0CB; }
.navyblue { background-color: #657383; }
.purple { background-color:#9a86a2; }
.magenta {background-color:#C25283; }
.pink { background-color:#F9A7B0; }
.red { background-color:#dc4f49; }
.cream { background-color:#C9C299; }
/*--------------------------------------------------
			HIGHLIGHTS
---------------------------------------------------*/
.highlight1 {
    color: #333;
	padding: 1px 5px;
}
.highlight2 {
	background-color: #fff;
	color: #333;
	padding: 1px 5px;
}
.highlight3 {
	border-bottom: 1px dotted;
	color: #fff;
}
/*--------------------------------------------------
			DROPCAPS
---------------------------------------------------*/
.dropcap1 {
	float: left;
	font-size: 53px;
	line-height: 50px;
	color: #fff;
	margin: 0 8px 0 0;
	font-weight: bold;
}
.dropcap2 {
    background-color: #444;
    border-radius: 2px 2px 2px 2px;
    color: #fff;
    display: block;
    float: left;
    font-size: 24px;
    line-height: 32px;
    margin: 6px 8px 0 0;
    padding: 5px 0;
    text-align: center;
    width: 44px;
}
.dropcap3 {
    background-color: #444;
    border-radius: 55px 55px 55px 55px;
    color: #fff;
    display: block;
    float: left;
    font-size: 24px;
    line-height: 44px;
    margin: 6px 8px 0 0;
    text-align: center;
    width: 44px;
}
/*--------------------------------------------------
			DIFFERENT UL STYLES
---------------------------------------------------*/
.check-list, .arrow-list, .star-list {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	display: block;
}
.check-list li, .arrow-list li, .star-list li {
	margin-bottom: 5px;
	padding-left: 20px;
}
.arrow-list li {
	background: url(../images/bullet-ul.png) no-repeat scroll -82px 5px transparent;
}
.check-list li {
	background: url(../images/bullet-ul.png) no-repeat scroll -42px -45px transparent;
}
.star-list li {
	background: url(../images/bullet-ul.png) no-repeat scroll 0px -82px transparent;
}
ul.colored-counter-list {
	counter-reset:li;
	margin-left:0; 
	padding-left:0; 
}
ul.colored-counter-list > li {
	position:relative; 
	list-style:none;
	padding-left: 35px;
	margin-bottom: 13px;
}
ul.colored-counter-list > li:before {
	content:counter(li); 
	counter-increment:li; 
	position:absolute;
	top:0;
	left:0;
	width:25px;
	margin-right:8px;
	padding: 3px 0;
	text-align:center;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background-color: #444;
	color: #fff;
}
/*--------------------------------------------------
			TOGGLE
---------------------------------------------------*/
.toggle-wrap {
	float: left;
	width: 100%;
	margin-bottom: 4px;
}
.trigger a {
	display: block;
	padding: 10px;
	padding-left: 40px;
	text-decoration: none;
	font-weight: bold;
	color: #999;
	-webkit-transition-duration: 0s; 
	-moz-transition-duration: 0s; 
	-o-transition-duration: 0s; 
	background: url(../images/bullet-toggle.png) no-repeat 15px 15px #333;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);  
}
.trigger.active a { 
	background: url(../images/bullet-toggle.png) no-repeat 15px -30px #333;
}
.toggle-container {
	overflow: hidden;
	float: left;
	padding: 15px 5px;
}
/*--------------------------------------------------
	     ACCORDION
---------------------------------------------------*/
.trigger-button {
	float: left;
	width: 100%;
	padding: 10px 0;
	margin-bottom: 4px;
	text-decoration: none;
	font-weight: bold;
	background: url(../images/bullet-toggle.png) no-repeat 15px 15px #333;
	cursor:pointer;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);  
}
.trigger-button.active { 
	background: url(../images/bullet-toggle.png) no-repeat 15px -30px #333;
}
.trigger-button span {
	padding-left: 40px;
}
.accordion {
	float: left;
	padding: 15px 5px;
}
/*--------------------------------------------------
			 	TABS
---------------------------------------------------*/
ul.tabs {
	list-style: none;
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}
ul.tabs li {
	overflow: hidden;
	position: relative;
	margin-right: 2px;
	float: left;
}
ul.tabs li {
}
ul.tabs li a {
	display: block;
	padding: 7px 15px;
	background-color: #444;
	color: #999;
}
ul.tabs li a:hover, ul.tabs li.active a {
	background-color: #333;
	color: #fff;
}
.tab-container{
	width: 100%;
	border-top: 1px solid #333;	
	background-color: #333;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);  
}
.tab-container {
	margin: 0px;
	padding: 0px;
	float: left;
}
.tab-content {
	padding: 20px;
}
/*--------------------------------------------------
				PORTFOLIO
---------------------------------------------------*/
.portfolio-grid ul li a.hide {
	display: none;
}
.portfolio-grid  {
	display: block;
	list-style-type: none;
	width: 100%;
	float: left;
	margin: 0 0 0 0%;
	padding: 0px;
}
.portfolio-grid ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.portfolio-grid ul li {
	float: left;
	padding: 0 0 1% 1%;
}
.item {
	position: relative;
   	overflow: hidden;
	background-color: #FFF;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);   
}
.isotope {
    -moz-transition-property: height, width;
}
.isotope-hidden {
    z-index: 0 !important;
}
.isotope-item {
    z-index: 1;
}
/* 
@media screen and (min-width: 1821px) {
.portfolio-grid ul li { width: 15.665%; } catch-all for huge screen sizes 
}
@media screen and (max-width: 1820px) {
.portfolio-grid ul li { width: 18.995%; }
}
@media screen and (max-width: 1560px) {
.portfolio-grid ul li { width: 18.995%; }
}
*/
.mobile-only {
	display:none;
}
@media screen and (min-width: 1041px) { /*max-width: 1040px*/
.portfolio-grid ul li { width: 24.995%; }
}
@media screen and (max-width: 1040px) {
.portfolio-grid ul li { width: 33.33%; }
}
@media screen and (max-width: 780px) {
.portfolio-grid ul li { width: 49.90%; }
.mobile-only {
	display:block;
}
.no-mobile {
	display:none;
}
}

@media only screen and (min-width: 781px) {
	.mobile-only {
		display:none;
	}
	.no-mobile {
	display:block;
	}
}
@media screen and (max-width: 520px) {
.portfolio-grid ul li { width: 100%; padding: 0 0 20px 0; }
}
@media screen and (max-width: 260px) {
.portfolio-grid ul li { width: 100%; padding: 0 0 20px 0; }
}
.portfolio-grid ul li.web {
	margin: 0px !important;
	padding:0px
}
.item-info {
	padding: 8px 15px;
	float: left;
	height: 26px;
	max-height: 60px;
}
.item-info h3 {
	font-weight: normal;
}
.item-info h3, .item-info-overlay h3 {
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 0;
	text-transform: uppercase;
}
.item-info h3.title a {
	color: #000;
}
.item-info-overlay h3.title a:hover {
	color: #999;
}
.item-info h4, .item-info-overlay h4 {
	font-size: 11px;
	font-weight: normal;
	line-height: 17px;
	text-transform: uppercase;
	margin-bottom: 0;
}
/*--------------------------------------------------
		    PORTFOLIO THUMBNAIL HOVER
---------------------------------------------------*/
.item-info-overlay {
	color: #999;
	font-size:11px;
}
.item-info-overlay {
	position:absolute;
	width:100%;
	height:100%;
	left: 0;
	top: 0;
	display: none;
    z-index: 99;
	background-color: #333;
}
.item-info-overlay div {
	padding: 0 9% 9% 9%;
}
.item-info-overlay h3 {
	padding: 9% 9% 0 9%;
}	
.item-info-overlay p {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #555;
}	
.item-info-overlay a.preview, .item-info-overlay a.view {
	position: absolute;
	bottom: 0px;
	-webkit-transition-duration: 0s; 
	-moz-transition-duration: 0s; 
	-o-transition-duration: 0s; 
	text-indent: -9999px;
	height: 37px;
	width: 37px;
    z-index: 110;
}
.item-info-overlay a.view {
	background: url(../images/sprite.png) no-repeat scroll 11px 13px #555;
	right: 0px;
}
.item-info-overlay a.view:hover {
	background: url(../images/sprite.png) no-repeat scroll 11px -18px #555;
}
.item-info-overlay a.preview {
	background: url(../images/sprite.png) no-repeat scroll 12px -50px #555;
	right: 38px;
}
.item-info-overlay a.preview:hover {
	background: url(../images/sprite.png) no-repeat scroll 12px -83px #555;
}
/*--------------------------------------------------
		PORTFOLIO FILTERABLE NAVIGATION
---------------------------------------------------*/
.filterable {
	margin: 15px 0 0 0;
	padding: 0;
	float: right;
	width:70%;
}
.filterable ul {
	float: right;
	margin: 0;
	padding: 0;
}
.filterable li {
	display: inline;
	float: left;
	padding-bottom: 5px;
}
.filterable li:before {
    content: "/";
	color: #ccc;
	font-size: 11px;
}
.filterable ul li:last-child:before {
    content: "";
}
.filterable li:first-child {
	padding-left: 0;
}
.filterable li a {
	color: #eee;
	font-size: 11px;
	line-height: 16px;
	text-transform: uppercase;
	float: left;
	margin: 0 8px;
}
.filterable li a:hover {
	color: #999; 
}
.filterable li.active a, .filterable li.current a {
	color: #999;
}
/*--------------------------------------------------
			GALLERY
---------------------------------------------------*/
.gallery-item {
	float: left;
   overflow: hidden;
   position: relative;	
}
.gallery-item img {
   display: block;
   position: relative;
	float: left;
}
.gallery-item h2, .gallery-item h3 {
   color: #eee;
}
.gallery-item h2 {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
}
.gallery-item h3 {
   font-size: 14px;
}
.gallery-item a.view {
	position: absolute;
	z-index: 110;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	text-indent: -999px;
}
.gallery-item .mask {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 80%;
	width: 80%;
	padding: 10%;
	text-align: center;
	text-transform: uppercase;
}
.thumb .mask {
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(0,0,0, 0.85);
   -webkit-transition: all 0.25s ease;
   -moz-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   -ms-transition: all 0.25s ease;
   transition: all 0.25s ease;
}
.thumb:hover .mask {
   filter: alpha(opacity=100);
   opacity: 1;
}		
/*--------------------------------------------------
			CONTACT
---------------------------------------------------*/
.google-map {
	height: 500px;
	width: auto;
}
.form p {
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	width: 100%;
    float: left;
    margin-bottom: 0;
	position: relative;
}
.form p label {
	width: 100%;
    float: left;
}
.form input, .form textarea {
	width: 65%;
	margin-bottom: 19px;
}
.form textarea {
	width: 100%;
	height: 150px;
}
.form .submit {
	width: 130px;
    margin-bottom: 0;
}
.form .contact-error {
    color: #EC5B43;
	font: bold 11px/1.2em Helvetica,Arial,sans-serif;
    position: absolute;
    bottom: 3px;
    left: 0;
}
.contact-success {
	overflow: hidden;
	margin: 20px 0 30px 0;
}


.divricerca {
	float:left;
	width:20%;
	text-align:right;
}

/*---------------iPad landscape---------------*/
@media only screen and (min-width : 768px) and (max-width : 1040px) {
.google-map { height: 300px; }
.error .left, .error .right { padding-top: 120px; padding-bottom: 120px; }
.error h1 { font-size:122px; }
}


/*---------------iPad portrait---------------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.header, .content, .footer, .footer-content, .footer-hidden-content { margin: 0 4%; }
.header .social-bookmarks { display:none; }
.google-map { height: 300px; }
.error .left, .error .right { padding-top: 250px; padding-bottom: 250px; }
.error h1 { font-size:122px; }
.portfolio-grid {  }
.portfolio-grid ul li.item { height: auto; }
.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; width: 100%; margin-right: 0; margin-bottom: 25px; }
.footer .one, .footer .one-half, .footer .one-third, .footer .one-fouth { text-align: center; margin-bottom: 3px; }
.footer-hidden-content .one, .footer-hidden-content .one-half, .footer-hidden-content .two-third, .footer-hidden-content .one-third, .footer-hidden-content .one-fourth {  margin-bottom: 50px; }
.form {	border-bottom: 1px solid #555;	padding: 0 0 25px 0; float: left; }
.filterable { display:block;float:none;clear:both;}
.filterable ul { display:block;float:none;clear:both;}
.divricerca { display:block;width:20%;text-align:center;}
div.marquee-parent { margin-top:50px !important;}
.bottonehome { border:1px solid black !import;background-color:white !import;color:black !import;}
}

/*---------------iPhone landscape---------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
body { -webkit-text-size-adjust: none; }
#header-wrapper { position: relative; overflow: hidden; }
.header, .content, .footer, .footer-content, .footer-hidden-content { margin: 0 5%; }
.header .social-bookmarks, #back-top a { display:none; }
#primary-menu select { display:block; }
#primary-menu { margin: 17px 20px 0 0px; float: right; }
#primary-menu ul { display:none; }
.google-map { height: 150px; }
.error .left, .error .right { padding-top: 70px; padding-bottom: 70px; }
.error h1 { font-size:52px; margin-left: 0; }
.error h2 {	font-size:14px; line-height: 17px; }
.portfolio-grid  { margin: 0; }
.portfolio-grid ul li.item { height: auto; }
.filterable { float: left;	width:100%; margin: 15px 0 0 0; }
.filterable ul { float: left; }
.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; width: 100%; margin-right: 0; margin-bottom: 25px; }
.footer .one, .footer .one-half, .footer .one-third, .footer .one-fouth { text-align: center; margin-bottom: 3px; }
.footer-hidden-content .one, .footer-hidden-content .one-half, .footer-hidden-content .two-third, .footer-hidden-content .one-third, .footer-hidden-content .one-fourth {  margin-bottom: 50px; }
.form {	border-bottom: 1px solid #555;	padding: 0 0 25px 0; float: left; }
div.marquee-parent { margin-top:0px !important;}
.titolonews , .titolonews h1, .titolonews h3  { color:black !important;  margin-top:0px !important}
.titolonews p {
	font-size:14px !important;
	line-height:18px;
}
#divcolori {
	/* height: 111px; */
	margin-left: 0px !important;
}
a.bottonehome { border:1px solid black !important;background-color:white !important;color:black !important;}
a.bottonehome:hover {
	color:white !important;
	background-color: black !important;
}
}

/*---------------iPhone portrait---------------*/
@media only screen and (min-width: 240px) and (max-width: 479px) {
#header-wrapper { position: relative; overflow: hidden; }
.header, .content, .footer, .footer-content, .footer-hidden-content { margin: 0 5%; }
.header .social-bookmarks, #back-top a { display:none; }
#logo, #logo a { margin: 0 0 20px 0; float: none; text-align: left;}
#primary-menu select { display:block; width: 100%; }
#primary-menu { margin: 0; width: 100%; }
#primary-menu ul { display:none; }
#primary-menu { margin-top:20px }
#primary-menu ul li { text-align: left;margin-top:10px;font-size:12px !important }
#menulente { float:none !important }
blockquote.left, blockquote.right {	width: 100%; }
.google-map { height: 150px; }
.error .left, .error .right { padding-top: 70px; padding-bottom: 70px; }
.error h1 { font-size:52px; margin-left: 0; }
.error h2 {	font-size:14px; line-height: 17px; }
.portfolio-grid  { margin: 0; }
.portfolio-grid ul li.item { height: auto; }
.filterable { display:none;float: left;	width:100%; margin: 15px 0 0 0; }
.filterable ul { float: left; }
.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; width: 100%; margin-right: 0; margin-bottom: 25px; }
.footer .one, .footer .one-half, .footer .one-third, .footer .one-fouth { text-align: center; margin-bottom: 3px; }
.footer-hidden-content .one, .footer-hidden-content .one-half, .footer-hidden-content .two-third, .footer-hidden-content .one-third, .footer-hidden-content .one-fourth {  margin-bottom: 50px; }
.form {	border-bottom: 1px solid #555;	padding: 0 0 25px 0; float: left; }
 
div.marquee-parent { margin-top:0px !important;}
.titolonews , .titolonews h1, .titolonews h3  { color:black !important; margin-top:0px !important}
.titolonews p {
	font-size:14px !important;
	line-height:18px;
}
#menulente img {
	margin-top:10px;
	width:24px !important;
}
#divcolori {
	/* height: 111px; */
	margin-left: 0px !important;
}
a.bottonehome { border:1px solid black !important;background-color:white !important;color:black !important;}
a.bottonehome:hover {
	color:white !important;
	background-color: black !important;
}
}

li.sfHover ul li a{ 
	color:#FFFFFF;
}
li.sfHover ul li a:hover{  
	color:#FFFFFF;
}

#blocconewshome {
width:100.3% !important;
}

#blocconewshome div.news {
	
	width:100%;
	position:relative;
	clear:both;
	/*margin-right:3px;*/
	background-color:#FFF;
	margin: -5px;
}

#blocconewshome div.left .titolonews {
	left:0%;
}

#blocconewshome div .video50 {
	left:0%;
	width:100%;
}
#blocconewshome div.left .video50 {
	left:0%;
}
#blocconewshome div.news img {
	position:relative;
	width:100%;
}

#blocconewshome div.left img {
	left:0px;
}

#blocconewshome div.titolonews {
	color: black;
	width: calc(100% - 40px) !important;
    padding: 20px;
	height:auto;
	margin-top:-50px;
	top:50%; 
	text-align: center;
	float:left;
	position:absolute;
    font-size:18px;
    line-height: 25px;
	/*height:100%;*/
	/* overflow:hidden; */
}

#blocconewshome div.basso {
	color: black;
	width:100%;
	height:auto;
	margin-top:0px;
	bottom:25px !important; 
	top:auto;
	text-align: center;
	float:left;
	position:absolute;
	/*height:100%;*/
	/* overflow:hidden; */
}
#blocconewshome div.alto {
	color: black;
	width:100%;
	height:auto;
	margin-top:0px;
	bottom:auto !important; 
	top:25px;
	text-align: center;
	float:left;
	position:absolute;
	/*height:100%;*/
	/* overflow:hidden; */
}

#blocconewshome div.titolonews a {
	padding:5px !important;
	margin-top:10px;
	display: inline-block;
	border:1px solid #777;
	color: #777;
}
#bottonescopri a {
	padding:5px !important;
	margin-top:10px;
	display: inline-block;
	border:1px solid #FFF;
	color: #FFF;
	font-size:24px;
	line-height: 24px;
	padding: 5px;
}
#blocconewshome div.titolonews h3 {
	color:black;
	margin:0px;
	font-size:28px;
	line-height:28px;
	text-transform: uppercase;
}
#blocconewshome .sezione {
	color: #f17462;
	text-transform: uppercase;
}
.nomecolore {
	height:24px;float:right;position:relative;top:-34px;
	background-color:#000;
	padding-left:10px;
	color:white;
	padding-top:6px;
	padding-right:6px;
	text-transform: uppercase;  
}
#divcolori .post {
	/* height: 111px; */
	margin-bottom: -17px;
}

h3 {
	text-transform: uppercase;  
	font-weight: normal;
}
.titolonews h3 {
	text-transform: none;  
}
#titoliWrap {
	z-index:1;
	color:white;
	font-size:72px;
	line-height:72px;
	position:absolute;
	left:0px;
	top:0px;
}
#sottotitolovideohome {
	font-size:24px;
	line-height:28px;
}

#videoSpacer {
	display:none;
}
@media screen and (max-width: 1024px) {
	#titoliWrap {
		z-index:1;
		color:white;
		font-size:48px;
		line-height:48px;
		display:block;
		position: static;
		clear:both;
	}
}
@media screen and (max-width: 767px) {
	#titoliWrap {
		z-index:1;
		color:white;
		font-size:48px;
		line-height:48px;
		display:block;
		position: static;
		clear:both;
	}
	#sottotitolovideohome {
		font-size:18px;
		line-height:22px;
	}
	#blocconewshome div.news img {
		position:static;
		width:100%;
	}
	#blocconewshome div.titolonews{
		width:100%;
		display:block;
		float: none;
		position:static;
		margin-top:30px;
		padding-bottom:30px;
	}
	#blocconewshome {
		width:101% !important;
	}
	#videoSpacer {
		/*display:block;*/
	}
}

@media screen and (max-width: 400px) {
	#titoliWrap {
		z-index:1;
		color:white;
		font-size:24px;
		line-height:24px;
		display:block;
		clear:both;
		position: static;
	}
	#videoSpacer {
		/*display:block;*/
	}
	#sottotitolovideohome {
		font-size:10px;
		line-height:14px;
	}
}

@media screen and (min-width: 768px) {
	.bottonehome{
		color:white !important;
	}
}

/* effetto zoom su foto griglia */
.img-zoom {
    width: 100%;
    -webkit-transition: all .9s ease-in-out;
    -moz-transition: all .9s ease-in-out;
    -o-transition: all .9s ease-in-out;
    -ms-transition: all .9s ease-in-out;
}
 
.transition {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}
#tubular-container {
	z-index:-1 !important;
}




#richiesta{
	width:1020px;
	position:relative;
	left:50%;
	margin-left: -510px;
}
#richiestapwd  {
	width:50%px;
	position:static;
}
#richiesta input {
	width:48%;
	float:left;
	background-color: white;
	margin-bottom:5px;
	margin-right:1%;
	text-transform:uppercase;
	border: 1px solid #999;
}
#login input {
	width:95%;
	float:left;
	background-color: white;
	margin-bottom:5px;
	margin-right:1%;
	text-transform:uppercase;
	border:none;
	border-bottom: 1px solid #999;
}
#richiestapwd input {
	width:95%;
	float:none;
	background-color: white;
	margin-bottom:5px;
	margin-right:5%;
	text-transform:uppercase;
	border:none;
	border-bottom: 1px solid #999;
}
#richiesta textarea,#richiestapwd textarea {
	width:97%;
	clear:both;
	background-color: white;
	text-transform:uppercase;
	border: 1px solid #999;
} 
#richiesta input.invia,#richiestapwd input.invia, #login input.invia {
	clear:both:
	float: none;
	width:200px;
	color:black;
	background-color: white;
	text-transform:uppercase;
	font-weight:normal;
	font-size:14px;
	letter-spacing: 2px;
	border: 1px solid #999;
}
#richiesta input.invia:hover,#richiestapwd input.invia:hover, #login input.invia:hover {
	background-color: black;
	color:white;
}

@media only screen and (max-width: 1024px) {
	#richiesta textarea, #richiestapwd textarea, {
		width:100%;
	}
	#richiesta, #richiestapwd{
		width:90%;
		padding-left:5%;
		position:static;
		left:0%;
		margin-left: 0px;
	}
	#richiesta input,#richiestapwd input {
		width:100%;
	};
	#barraricerca {
		margin-top:10px;
	}
}

.video50 {
position:relative;width:50%;background-color:black;height:450px;
}

#formlogin {
	clear:both;
	width:50%;
	margin-left:25%
}

#formlogin .half {
	width:50%;
	float:left;
}

@media only screen and (max-width: 1200px) {
	#formlogin {
		clear:both;
		width:80%;
		margin-left:10%
	}
}
	
@media only screen and (max-width: 720px) {
	.video50 {
		position:relative;width:100%;background-color:black;height:450px;
	}
	#formlogin .half {
		padding:10px 0px;
		width:100%;
		float:left;
	}
	
	#richiestapwd  {
		padding-left:0px;width:100%;
	}
	
	#richiestapwd input {
		width:95%;
		float:left;
		background-color: white;
		margin-bottom:5px;
		margin-right:1%;
		text-transform:uppercase;
		border: 1px solid #999;
	}
	
	.invia{
		margin-right:25px !important;
	}
	
}


#blocconewshome div.titolonews a.bottonehome {
	clear:both;
	float: none;
	width:auto;
	/*color:white !important;*/
	background-color: black;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	border:none /*!important*/;
	padding-top:15px !important;
	padding-bottom:15px !important;
	padding-left:15px !important;
	padding-right:15px !important;
}
#blocconewshome div.titolonews a.bottonehome:hover {
	color:black !important;
	background-color: white;
}

.post-content p {
	font-size:15px;
	line-height:22px ;
}
.content .one-half {
	font-size:15px;
	line-height:22px ;
}

@media only screen and (min-width: 1024px) {
	.content .first {
		padding-left: calc(50% - 300px);
		width: 300px !important;
		margin-right:0px;
	}

	#blocconewshome div.titolonews {
		width: 800px !important;
		padding: 40px calc(50% - 400px) !important;
	}
}