/*
Theme Name: PITIS
Theme URI: http://www.mosne.it
Description: for WordPress 3.7 and superior.
Version: 1.0
Author: Mosne
Author URI: http://www.mosne.it
Tags: html5, responvive
*/

/*!
 * Bootstrap v2.2.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
#map_canvas img,.google-maps img{max-width:none;}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}
.hidden{display:none;visibility:hidden;}
.visible-phone{display:none !important;}
.visible-tablet{display:none !important;}
.hidden-desktop{display:none !important;}
.visible-desktop{display:inherit !important;}
@media (min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;} .visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;}}@media (max-width:767px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;} .visible-phone{display:inherit !important;} .hidden-phone{display:none !important;}}
/* mosne reset*/

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
nav ul ,nav ul li{ list-style: none; margin: 0; padding: 0;}
body,html{ margin: 0;  padding: 0;}
a{outline:0; text-decoration: none;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:none;}
p{margin: 0; margin-bottom: 1em;}
.hidden{display: none;}
body { margin: 0; font: 1em/1.5 sans-serif; }
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}


/*lazy*/
.m-img-wrap {
	float:left;
	width:100%;
/* overflow: hidden; */
	height:0;
	padding-bottom:100%;
}

.m-img-wrap img {
	max-width:inherit;
	width:100%;
}

.lazyload,.lazyloading {
	opacity:0;
/*     transform: translateY(50px); */
}

.lazyloaded {
	opacity:1;
/*     transform: translateY(0px); */
	transition:opacity 600ms;
}

.ptop{
    padding-top: 1em;
    float: left;
    width: 100%;
}


/*
Author  : Boon
URL     : http://builtbyboon.com
Twitter	: http://twitter.com/mattberridge
---------------------------------------*/


/* -- Use this wrapper if you want to block-out a column with padding
Taken from http://csswizardry.com/2011/10/the-island-object/) -- */

.row {
  margin-left: -30px; /* gutter */
  overflow: hidden;
  clear: both;

}

 [class*="col-"]{
  float: left;
  padding-left: 30px; /* gutter */
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(js/boxsizing.htc);
 }

/*!
 * MOSNE RESPONSIVE DESIGN GRIDS
 * Author  : mosne
 * URL     : http://mosne.it
 * ---------------------------------------*/

.col-full{ width: 100%;} .col-1-12{ width: 8.3333333333333%;} .col-1-6{ width: 16.666666666667%;} .col-1-4{ width: 25%;} .col-1-3{ width: 33.333333333333%;} .col-5-12{ width: 41.666666666667%;} .col-1-2{ width: 50%;} .col-7-12{ width: 58.333333333333%;} .col-2-3{ width: 66.666666666667%;} .col-3-4{ width: 75%;} .col-5-6{ width: 83.333333333333%;} .col-11-12{ width: 91.666666666667%;} .col-1-1{ width: 100%;} .col-1-8{ width: 12.5%;} .col-3-8{ width: 37.5%;} .col-5-8{ width: 62.5%;} .col-7-8{ width: 87.5%;} .col-1-7{ width: 14.285714285714%;} .col-2-7{ width: 28.571428571429%;} .col-3-7{ width: 42.857142857143%;} .col-4-7{ width: 57.142857142857%;} .col-5-7{ width: 71.428571428571%;} .col-6-7{ width: 85.714285714286%;} .col-1-5{ width: 20%;} .col-2-5{ width: 40%;} .col-3-5{ width: 60%;} .col-4-5{ width: 80%;}

/* default responsive */
@media (max-width: 767px) {
.col-1-12, .col-1-6, .col-1-4, .col-1-3, .col-5-12, .col-1-2, .col-7-12, .col-2-3, .col-3-4, .col-5-6, .col-11-12, .col-1-1, .col-1-8, .col-3-8, .col-5-8, .col-7-8, .col-1-7, .col-2-7, .col-3-7, .col-4-7, .col-5-7, .col-6-7, .col-1-5, .col-2-5, .col-3-5, .col-4-5, .col-full{ width: 100%;}
}

/* -- Breakpoint 4 (.b) BIG DESKTOP
------------------------------------------------------------- */
@media (min-width: 1200px)  {

.b-col-1-12{ width: 8.3333333333333%;} .b-col-1-6{ width: 16.666666666667%;} .b-col-1-4{ width: 25%;} .b-col-1-3{ width: 33.333333333333%;} .b-col-5-12{ width: 41.666666666667%;} .b-col-1-2{ width: 50%;} .b-col-7-12{ width: 58.333333333333%;} .b-col-2-3{ width: 66.666666666667%;} .b-col-3-4{ width: 75%;} .b-col-5-6{ width: 83.333333333333%;} .b-col-11-12{ width: 91.666666666667%;} .b-col-1-1{ width: 100%;} .b-col-1-8{ width: 12.5%;} .b-col-3-8{ width: 37.5%;} .b-col-5-8{ width: 62.5%;} .b-col-7-8{ width: 87.5%;} .b-col-1-7{ width: 14.285714285714%;} .b-col-2-7{ width: 28.571428571429%;} .b-col-3-7{ width: 42.857142857143%;} .b-col-4-7{ width: 57.142857142857%;} .b-col-5-7{ width: 71.428571428571%;} .b-col-6-7{ width: 85.714285714286%;} .b-col-1-5{ width: 20%;} .b-col-2-5{ width: 40%;} .b-col-3-5{ width: 60%;} .b-col-4-5{ width: 80%;}
}


/* -- Breakpoint 3 (.d) DESKTOP
------------------------------------------------------------- */
@media (min-width: 769px) and (max-width: 1199px)  {

.d-col-1-12{ width: 8.3333333333333%;} .d-col-1-6{ width: 16.666666666667%;} .d-col-1-4{ width: 25%;} .d-col-1-3{ width: 33.333333333333%;} .d-col-5-12{ width: 41.666666666667%;} .d-col-1-2{ width: 50%;} .d-col-7-12{ width: 58.333333333333%;} .d-col-2-3{ width: 66.666666666667%;} .d-col-3-4{ width: 75%;} .d-col-5-6{ width: 83.333333333333%;} .d-col-11-12{ width: 91.666666666667%;} .d-col-1-1{ width: 100%;} .d-col-1-8{ width: 12.5%;} .d-col-3-8{ width: 37.5%;} .d-col-5-8{ width: 62.5%;} .d-col-7-8{ width: 87.5%;} .d-col-1-7{ width: 14.285714285714%;} .d-col-2-7{ width: 28.571428571429%;} .d-col-3-7{ width: 42.857142857143%;} .d-col-4-7{ width: 57.142857142857%;} .d-col-5-7{ width: 71.428571428571%;} .d-col-6-7{ width: 85.714285714286%;} .d-col-1-5{ width: 20%;} .d-col-2-5{ width: 40%;} .d-col-3-5{ width: 60%;} .d-col-4-5{ width: 80%;}
}


/* -- Breakpoint 2 (.t) TABLET
------------------------------------------------------------- */
@media (min-width: 481px) and (max-width: 768px) {
.t-col-1-12{ width: 8.3333333333333%;} .t-col-1-6{ width: 16.666666666667%;} .t-col-1-4{ width: 25%;} .t-col-1-3{ width: 33.333333333333%;} .t-col-5-12{ width: 41.666666666667%;} .t-col-1-2{ width: 50%;} .t-col-7-12{ width: 58.333333333333%;} .t-col-2-3{ width: 66.666666666667%;} .t-col-3-4{ width: 75%;} .t-col-5-6{ width: 83.333333333333%;} .t-col-11-12{ width: 91.666666666667%;} .t-col-1-1{ width: 100%;} .t-col-1-8{ width: 12.5%;} .t-col-3-8{ width: 37.5%;} .t-col-5-8{ width: 62.5%;} .t-col-7-8{ width: 87.5%;} .t-col-1-7{ width: 14.285714285714%;} .t-col-2-7{ width: 28.571428571429%;} .t-col-3-7{ width: 42.857142857143%;} .t-col-4-7{ width: 57.142857142857%;} .t-col-5-7{ width: 71.428571428571%;} .t-col-6-7{ width: 85.714285714286%;} .t-col-1-5{ width: 20%;} .t-col-2-5{ width: 40%;} .t-col-3-5{ width: 60%;} .t-col-4-5{ width: 80%;}
}


/* -- Breakpoint (.m) MOBILE
------------------------------------------------------------- */
@media (max-width: 480px) {

.m-col-1-12{ width: 8.3333333333333%;} .m-col-1-6{ width: 16.666666666667%;} .m-col-1-4{ width: 25%;} .m-col-1-3{ width: 33.333333333333%;} .m-col-5-12{ width: 41.666666666667%;} .m-col-1-2{ width: 50%;} .m-col-7-12{ width: 58.333333333333%;} .m-col-2-3{ width: 66.666666666667%;} .m-col-3-4{ width: 75%;} .m-col-5-6{ width: 83.333333333333%;} .m-col-11-12{ width: 91.666666666667%;} .m-col-1-1{ width: 100%;} .m-col-1-8{ width: 12.5%;} .m-col-3-8{ width: 37.5%;} .m-col-5-8{ width: 62.5%;} .m-col-7-8{ width: 87.5%;} .m-col-1-7{ width: 14.285714285714%;} .m-col-2-7{ width: 28.571428571429%;} .m-col-3-7{ width: 42.857142857143%;} .m-col-4-7{ width: 57.142857142857%;} .m-col-5-7{ width: 71.428571428571%;} .m-col-6-7{ width: 85.714285714286%;} .m-col-1-5{ width: 20%;} .m-col-2-5{ width: 40%;} .m-col-3-5{ width: 60%;} .m-col-4-5{ width: 80%;}
}

/* grids */

.col2{
 -webkit-column-count: 2;  -webkit-column-gap:  30px;
     -moz-column-count: 2;     -moz-column-gap: 30px;
          column-count: 2;          column-gap: 30px;
}

.col3{
 -webkit-column-count: 3;  -webkit-column-gap:  30px;
     -moz-column-count: 3;     -moz-column-gap: 30px;
          column-count: 3;          column-gap: 30px;
}

.col4{
 -webkit-column-count: 4;  -webkit-column-gap:  30px;
     -moz-column-count: 4;     -moz-column-gap: 30px;
          column-count: 4;          column-gap: 30px;
}


/* swipe box */
html.swipebox {
  overflow: hidden!important;
}

#swipebox-overlay img {
  border: none!important;
}

#swipebox-slider{
  -webkit-transition : all 0.4s ease;
  -moz-transition : all 0.4s ease;
  -o-transition : all 0.4s ease;
  -khtml-transition : all 0.4s ease;
  transition : all 0.4s ease;
}

#swipebox-overlay{
  -webkit-transition : opacity 1s ease;
  -moz-transition : opacity 1s ease;
  -o-transition : opacity 1s ease;
  -khtml-transition : opacity 1s ease;
  transition : opacity 1s ease;
}

#swipebox-action, #swipebox-caption {
  -webkit-transition : 0.5s;
  -moz-transition : 0.5s;
  -o-transition : 0.5s;
  -khtml-transition : 0.5s;
  transition : 0.5s;
}


#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999!important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

#swipebox-slider {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
}

#swipebox-slider .slide {
  background: url('images/pitis.png') center center no-repeat;
  background: none, url('images/pitis.svg') center center no-repeat;
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}

#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}

#swipebox-slider .slide .swipebox-video-container {
  background:none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding:5%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}


#swipebox-slider .slide .swipebox-video-container .swipebox-video{
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{
  width: 100%!important;
  height: 100%!important;
  position: absolute;
  top: 0; left: 0;
}

#swipebox-action, #swipebox-caption {
  position: absolute;
  bottom: 0;
  z-index: 999;
  width: 100%;
}
#swipebox-caption {
    /*height: 50px;*/
}

#swipebox-action {
  top: 0;
  opacity: 0;
  height: 0;
}
#swipebox-action.visible-bars {
  top: 0;
  opacity: 1;
}

#swipebox-action.force-visible-bars {
  opacity: 1 !important;
}

#swipebox-caption {
    opacity: 0;
}

#swipebox-caption.visible-bars {
  opacity: 1;
}

#swipebox-caption.force-visible-bars {
  opacity: 1 !important;
}

#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
  background: transparent url("images/icons.png") no-repeat;
  border: none!important;
  text-decoration: none!important;
  cursor: pointer;
  position: fixed;
  width: 50px;
  height: 50px;
  top: 0;
}

#swipebox-action #swipebox-close {
  background-position: 15px 12px;
  right: 0;
}

#swipebox-action #swipebox-prev {
  background-position: -32px 13px;
  left: 0;
  top:50%;
  margin-top: -25px;
}

#swipebox-action #swipebox-next {
  background-position: -78px 13px;
  right: 0;
  top:50%;
  margin-top: -25px;
}

#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

#swipebox-slider.rightSpring {
  -moz-animation: rightSpring 0.3s;
  -webkit-animation: rightSpring 0.3s;
}

#swipebox-slider.leftSpring {
  -moz-animation: leftSpring 0.3s;
  -webkit-animation: leftSpring 0.3s;
}

@-moz-keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-moz-keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}


/* Skin
--------------------------*/
#swipebox-overlay {
  background: #1d1d1d;
}

#swipebox-caption {
    height: 25%;
}

#swipebox-caption .title,
#swipebox-caption .counter{
    position: absolute;
    bottom: 0;
}

#swipebox-caption .title{
  font-size: 13px;
  line-height: 13px;
  background: #BE222A;
  float: left;
  right: 0;
  max-width: 200px;
  color: white;
  margin: 15px;
  padding: 15px;
}


#swipebox-caption .counter{
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: bold;
    color: white;
    float: left;
    text-shadow: 1px 1px #1a1818;
    margin: 15px;
    left: 0;
}

/* video */
a.embedvideo:after {
	content:'';
	background:url(//ssl.gstatic.com/s2/tt/images/play-overlay.png) no-repeat scroll 0 0 transparent;
	height:77px;
	left:50%;
	margin-left:-38px;
	margin-top:-38px;
	opacity:.8;
	position:absolute;
	top:50%;
	width:77px;
	z-index:15;
}

.picture.video {
	position:relative;
}


/* mosne theme colors

    red #E30613
    black #1D1D1B
    grey #F6F6F6


*/


/* icone */

.social a,
.navlink a .arrow,
.freccia:before,
[class^="icon-"], [class*=" icon-"] {
	font-family: 'pitis';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
	content: "\66";
}
.icon-googleplus:before {
	content: "\67";
}
.icon-vimeo:before {
	content: "\76";
}
.icon-instagram:before {
	content: "\69";
}
.icon-twitter:before {
	content: "\74";
}
.icon-pinterest:before {
	content: "\70";
}
.icon-vimeo2:before {
	content: "\56";
}
.icon-twitter2:before {
	content: "\54";
}
.icon-facebook2:before {
	content: "\46";
}
.icon-googleplus2:before {
	content: "\47";
}
.icon-pinterest2:before {
	content: "\50";
}
.icon-arr-01:before {
	content: "\65";
}
.icon-arr-02:before {
	content: "\77";
}
.icon-arr-03:before {
	content: "\6e";
}
.icon-arr-04:before {
	content: "\73";
}
.icon-arr2-01:before {
	content: "\3c";
}
.icon-arr2-02:before {
	content: "\3e";
}


/* fonts */

.freccia:before{
    font-size: 20px;
    margin-bottom: 10px;
}

h2 {
font-family: "warnock-pro",serif;
font-style: italic;
font-weight: 400;
margin: 0;
margin-bottom: 1em;
}

.navlink h1 {
font-family: "warnock-pro",serif;
font-style: normal;
font-weight: 400;
}


.edit a,
#logo {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 600;
font-size: 19px;
letter-spacing: 0.08em;
margin: 0;
}



h1 {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
margin: 0;
}

.text h2{
font-family: "proxima-nova",sans-serif;
font-style: italic;
font-weight: 400;
}

#sgr-custom-taxonomies-menu-2 ul,
.sub-menu {
font-family: "proxima-nova-condensed",sans-serif;
font-style: normal;
font-weight: 400;
}


/* typography */
.social a{
    font-size: 13px;
    margin-right: .25em;
}

#header {
text-align: center;
position: fixed;
width: 160px;
height: 100%;
overflow-y: auto;
}

.widget_text{
    font-size: 12px;
    line-height: 1.4em;
    color: #636363;
}

#menu .widget_text a{
    color: #636363;
}


#menu hr{
    border: 0;
    border-bottom: 1px solid #9A9C9B;
    margin: 10px auto;
    width: 87px;

}

#menu a {
    color:#1D1D1B;
}

#menu a:hover {
    color:#E30613;
}

#menu .current-cat a,
#menu .current-menu-item a{
    color: #E30613;
}

.widget_text:last-child{
    border-bottom: 0;
}


/* general theme */
body,html {
	padding:0;
	margin:0;
	background: white;
}

body {

font-family: "warnock-pro",serif;
font-style: normal;
font-weight: 400;
	font-size:13px;
	color:#1D1D1B;
	line-height:1.4em;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



#bd {

    margin: 15px 0;
    margin-top: 38px;
}

.item{
    margin-bottom: 30px;
    margin-left: -3px;
}


.item.issuu{
    margin-bottom: 12px;
}

.indice .edit{
    display: none;
}

.issuuembed{
    width: 100% !important;
}

.toslide{
    display: none;
}

.page .toslide,
.single .toslide{
    display: block;
}

.issuu span{
    display: none;
}

.social{
    margin: 1em 0;
}

.edit a{
background: #ccc;
 border-radius: 2px;
 padding: 3px 8px; line-height: 9px; font-size: 11px; opacity: 0.5; color: black;
 text-transform: uppercase;
 margin: 1em;
 margin-left: 0;
 }

.edit a:hover{
    text-decoration: none;
    background: #E30613;
    color: white;
}

a {
	color:#E30613;
	-webkit-transition : color .2s ease;
-moz-transition : color .2s ease;
-ms-transition : color .2s ease;
-o-transition : color .2s ease;
transition : color .2s ease;
}

a:hover {
	color:#1D1D1B;
}


strong{
    font-weight: 600;
}

em{
    font-style: italic;
}

.red {
	color:#BE222A;
}

.push {
	max-width:1200px;
	margin:24px auto;
	padding:0 15px;
    padding-right: 30px;
}

.push.less {
	padding:0 5px;
}


.hide {
	display:none;
}

.infos h1 a{
    color: #1d1d1d;
}
.infos h1 ,
.infos h2,
.text h2 {
    font-size: 13px;
    letter-spacing: 0.08em;
    line-height: 1.1em;
    margin-bottom: 1em;
}

.infos h1{
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 0.5em;
}

.infos h2{
    letter-spacing: 0.03em;
}

.text h2 {
    letter-spacing: 0;
}

.quote {
	font-size:20px;
	text-align:center;
	line-height:1.3em;
	margin:2em 1em;
	color: #E30613;
}

.indice .picture{
    margin-bottom:30px;
}

.freccia:before{
    float: left;
    width: 100%;
    color: #E30613;
}

.dir_n:before{
    content: "n";
}

.dir_e:before{
    content: "e";
}

.dir_s:before{
    content: "s";
}

.dir_w:before{
    content: "w";
}

.navlink {
    position: relative;
}

.navlink a{
    color: #1d1d1d;
}

.navlink h1 {
    text-align: center;
    margin-bottom: 40px;
    color: #E30613;
    border-bottom: 1px solid #9A9C9B;
    border-top: 1px solid #9A9C9B;
    padding: 20px 0;
    font-size: 20px;
}

.navlink .link{
    position: absolute;
    top: 0;
    cursor: pointer;
}

.navlink .prev{
    left: 0;
}

.navlink .prev span{
float: left;
margin-right: 10px;
}
.navlink .next span{
float: right;
margin-left: 10px;
}

.navlink .next{
    right: 0;
}

.navlink a .title{
margin-top: 23px;
opacity: 0;
-webkit-transition : opacity .4s ease;
-moz-transition : opacity .4s ease;
-ms-transition : opacity .4s ease;
-o-transition : opacity .4s ease;
transition : opacity .4s ease;
}

.navlink a .arrow{
margin-top: 21px;
}
.navlink a:hover .title{
opacity: 1;
}


.navlink a:hover{
    text-decoration: none;
}

.navlink a .arrow{
font-size: 20px;
}


#progress{
    left:0;
    top: 0;
    height: 3px;
    width: 1%;
    background: #E30613;
    float: left;
    display: none;
    position: fixed;
    z-index: 999;
    width: 100%;
}

.catdesc{
    max-width: 550px;
    margin: 0 auto 40px auto;
    font-size: 20px;
    text-align: center;
    line-height: 1.3em;
}
.label{
    margin-top: 15px;
}

.label p{
    margin-bottom: 0;
}



.seealso img{

    margin-bottom: 1em;

}


/* frocery */

.indice article{
    -webkit-transition : opacity .5s ease;
    -moz-transition : opacity .5s ease;
    -ms-transition : opacity .5s ease;
    -o-transition : opacity .5s ease;
    transition : opacity .5s ease;
    opacity: 1;
}


.indice.focus article{
    opacity: .35;
}

.indice article:hover{
    opacity: 1;
}


/* menu */

.sgr-custom-taxonomies-menu ul,
.sub-menu{
display: none;
}

.tax-clients .sgr-custom-taxonomies-menu ul,
.category .menu-item-27 .sub-menu{
    display: block;
}

#menu {
    margin: 20px 0;
}

#menu h3{
    font-size: 13px;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

#text-2 h3 {
    float: left;
    width: 100%;
    height: 50px;
    margin: 20px 0;
    background: url('images/pitis.png') center center no-repeat;
    background: none, url('images/pitis.svg') center center no-repeat;
    text-indent: -900px;
    overflow: hidden;
}

#text-3{
    letter-spacing: 0.08em;
}

#menu-item-27> a,
#sgr-custom-taxonomies-menu-2> a {
    font-size: 22px;
    font-weight: 300;
    line-height: 1.6em;
}

#menu-item-93,
#menu-item-97> a {
    line-height: 1.6em;
}

#sgr-custom-taxonomies-menu-2 ul,
.sub-menu {
    text-align: center;
    padding: 10px 0;
    padding-bottom: 15px;
}

.mqtrans_language_chooser,
.qtranxs_language_chooser {
    text-align: center;
}

.qtranxs_language_chooser li{
    width: 100%;
    float: left;
    text-align: center;
}


.qtranxs_language_chooser li.active{
    display: none;
}


#sgr-custom-taxonomies-menu-2 ul li,
.sub-menu li,
.qtranxs_language_chooser li{
float: none;
display: inline-block;
}

#sgr-custom-taxonomies-menu-2 ul li:after,
.sub-menu li:after {
    content: " / ";
}

#sgr-custom-taxonomies-menu-2 ul li:last-child:after,
.sub-menu li:last-child:after {
    content: "";
}




.qtranxs_language_chooser li:last-child:after{
    content: "";
}

#menu .qtranxs_language_chooser a,
#menu .qtranxs_language_chooser li{
    font-size: 11px;
    color: #636363;
}

#menu .mqtrans_language_chooser a:hover,
#menu .qtranxs_language_chooser a:hover{
   color: #E30613;
}


#s{
    text-align: center;
    border: 0;
    font-family: "proxima-nova",sans-serif;
    font-style: normal;
}

/*map*/
#mapwrap {
	float:left;
	width:100%;
}

#map {
	float:left;
	width:100%;
	height:320px;
}

.bubble {
	position:absolute;
	text-align:center;
	left:0;
	font-size:12px;
	top:0;
	z-index:-2;
	color:#999;
	line-height:15px;
	float:left;
	margin-top:10px;
	padding:10px;
	width:220px;
	background:#fff;
	text-align:left;
	-moz-box-shadow:0 2px 2px #ccc;
	-webkit-box-shadow:0 2px 2px #ccc;
	box-shadow:0 2px 2px #ccc;
}

.bubble {
	color:#222;
}

.bubble h1 {
	margin:0;
	padding:0;
}

.infoBox {
	height:11px;
}

.infoBox img {
	width:auto;
}




/* MEDIA QUERIES */


/* Large desktop */
@media (min-width: 1500px) {



}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {



}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

.col2,
.col3,
.col4{
  -webkit-column-count: 2;  -webkit-column-gap:  30px;
     -moz-column-count: 2;     -moz-column-gap: 30px;
          column-count: 2;          column-gap: 30px;
}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

.col2,
.col3,
.col4{
  -webkit-column-count: 1;  -webkit-column-gap:  30px;
     -moz-column-count: 1;     -moz-column-gap: 30px;
          column-count: 1;          column-gap: 30px;
}

.dir_w:before{
    content: "n";
}

.dir_e:before{
    content: "s";
}

#header{
    width: 125px;
}


}

/* Landscape phones and down */
@media (max-width: 480px) {


.push {
    padding: 0 10px;
}


#header {
position: relative;
height: auto;
width: 100%;
}


#nav_menu-3 li,
.widget-container{
    float: left;
    width: 50%;
}
#nav_menu-3,
#text-6,
#text-5,
#menu hr{
    width: 100%;
}


#text-2,
#text-3,
#text-7,
#text-4{
    display: none;
}

#text-2 h3{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
}

#bd{
    margin-top: 0;
}
#text-6 hr{
    margin-bottom: 0;
}
.navlink h1 {
    border-top: 0;
}

.navlink .link a{
display: none;
}

.tax-clients .sgr-custom-taxonomies-menu ul,
.category .menu-item-27 .sub-menu{
    display: none;
}

}


/* Retina-specific stuff here */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

}

/* scrollbar */

/* ie 
#header{
  scrollbar-base-color: #fff;
  scrollbar-3dlight-color: ##fff;
  scrollbar-highlight-color: #fff;
  scrollbar-track-color: #fff;
  scrollbar-arrow-color: #fff;
  scrollbar-shadow-color: #fff;
  scrollbar-dark-shadow-color: #fff;
}

#header::-webkit-scrollbar { width: 3px; height: 3px;}
#header::-webkit-scrollbar-button {  background-color: #fff; }
#header::-webkit-scrollbar-track {  background-color: #fff;}
#header::-webkit-scrollbar-track-piece { background-color: #fff;}
#header::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
#header::-webkit-scrollbar-corner { background-color: #fff;}}
#header::-webkit-resizer { background-color: #fff;}
#header::-webkit-scrollbar-thumb:vertical { height: 30px; background-color: #fff;}*/