/*
  Name: esense Stylesheet
  Author: esense
  http://www.esense.ch
*/

/* fonts */
@font-face {
font-family: 'roboto_condensedbold';
src: url('/docroot/fonts/RobotoCondensed-Bold-webfont.eot');
src: url('/docroot/fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('/docroot/fonts/RobotoCondensed-Bold-webfont.woff') format('woff'),
     url('/docroot/fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
     url('/docroot/fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'roboto_condensedlight';
src: url('/docroot/fonts/RobotoCondensed-Light-webfont.eot');
src: url('/docroot/fonts/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'),
     url('/docroot/fonts/RobotoCondensed-Light-webfont.woff') format('woff'),
     url('/docroot/fonts/RobotoCondensed-Light-webfont.ttf') format('truetype'),
     url('/docroot/fonts/RobotoCondensed-Light-webfont.svg#roboto_condensedlight') format('svg');
font-weight: normal;
font-style: normal;
}


/* font family */
.text .link,
.text .headline,
#menu ul li a.active,
.standard .title,
.event-list .info-box h1,
.event-list .info-box h2,
.member-list .list-item a strong,
#footer #meta li a,
#event .date,
#event .text .detail ul.file-list strong,
.text ul.file-list strong,
.info-box ul.file-list strong,
#event .text .detail .file strong,
.text .file strong,
.info-box .file strong,
.event-list .date,
.text p strong,
.text table strong,
.text ul strong,
.text ol strong,
.text h1,
.text h2,
.text h3,
.form-wrapper h1,
.form-wrapper h2,
.form-wrapper h3,
.text table caption,
#language p,
#language a,
#language span,
.image.gallery strong,
.all-member-list .text .font-l strong,
#sorting strong {
font-family: 'roboto_condensedbold';
font-style: normal;
letter-spacing: 0.02em;
}

.title-l,
.text .title-l,
.text .r-text,
#menu ul li a,
#footer span,
#footer a,
#footer p,
#event .location,
#event .headline,
#paging ul li a,
.preview-list h2,
.preview-list h3,
.text h1.font-l,
.text h2.font-l,
.text h3.font-l,
#content-page #content .box .text .headline,
#content-page #content .wrap .text .headline,
.image.gallery em,
#main .form-wrapper form input[type=text],
#main .form-wrapper form textarea,
#main .form-wrapper form select,
#main .form-wrapper form select.custom-select,
#sorting span {
font-family: 'roboto_condensedlight';
font-style: normal;
letter-spacing: 0.02em;
}

strong, h1, h2, h3, h4 {
font-weight: normal !important;
}

/* size */
#footer span,
#footer a,
#footer p,
.file em,
.image figcaption {
font-size: 14px;
line-height: 17px;
}

#event .text .detail p,
#event .text .detail ul,
#event .text .detail ol,
#event .text .detail span,
#event .text .detail a,
#event .text .detail table td,
#event .text .detail table th,
.text p,
.text span,
.text strong,
.text a,
.text ul,
.text ol,
.text table td,
.text table th,
.event-list .location,
.text table caption,
#language p,
#language a,
#language span,
.aside-box .text p,
.aside-box .text a,
#content-page #content .box .aside-box .text strong,
.aside-box .text ul,
.aside-box .text ol,
.aside-box .text table th,
.aside-box .text table td,
.aside-box .text span,
.image.gallery em,
#main .form-wrapper form select.custom-select{
font-size: 17px;
line-height: 22px;
letter-spacing: 0.03em;
}

.event-list .date,
.text .lead p,
.text .lead a,
.event-list .standard .title,
.event-list .info-box h1,
.event-list .info-box h2,
.info-box p,
.info-box a, 
.info-box ul,
.info-box ol,
.info-box table td,
.info-box table th,
.info-box table caption,
.member-list .list-item a span,
.member-list .list-item a strong,
#footer #meta li a,
#event .lead,
#event .date,
#event .location,
.text table caption,
.box p,
.box a,
.box ul,
.box ol,
.box table td,
.box table th,
.box .file strong,
.box .file-link strong,
.event-box p,
.event-box a,
.event-box ul,
.event-box ol,
.event-box table td,
.event-box table th,
.event-box .file strong,
.event-box .file-link strong,
.text h1,
.text h2,
.text h3,
.preview-list .item strong.title,
#content-page #content .box .text strong,
.image.gallery strong,
.lead .file strong,
.lead p strong,
.lead p b,
.all-member-list .text .font-l strong,
.form-wrapper h1,
.form-wrapper h2,
.form-wrapper h3,
.all-member-list .text .link {
font-size: 20px;
line-height: 26px;
letter-spacing: 0.04em;
}

#all-event-btn,
#sorting strong,
#sorting span {
font-size: 20px;
line-height: 20px;
letter-spacing: 0.04em;
}

.preview-list .item .grid strong {
letter-spacing: 0.04em;
}

#event .text .detail p,
.text p,
.info-box p {
padding-bottom: 22px;
}

#content .text table p,
#event .text table p {
padding-bottom: 0 !important;
}

#event .text .detail ul,
.text ul,
.info-box ul {
list-style: disc;
padding-left: 25px;
margin-left: 10px;
}

#event .text .detail ul.file-list,
.text ul.file-list,
.info-box ul.file-list,
#event .text .detail ul.list,
.text ul.list,
.info-box ul.list {
list-style:none;
padding-left: 0;
margin-left: 0;
}

#event .text .detail ol,
.text ol,
.info-box ol {
list-style: decimal;
padding-left: 35px;
}

.text .headline {
font-size: 26px;
line-height: 30px;
padding-bottom: 5px;
}

.event-list h1,
.event-list h2,
#menu ul li a,
#home-link,
#paging ul li a,
.preview-list h2,
.preview-list h3 {
font-size: 30px;
line-height: 30px;
text-decoration: none;
text-transform: uppercase;
}

.title-l,
.text .title-l,
#event .headline,
#content-page #content .box .text .headline,
#content-page #content .wrap .text .headline {
font-size: 40px;
line-height: 46px;
}

#event .headline {
letter-spacing: 0;
}/* reset */
* {
margin: 0;
padding: 0;
font-weight: normal;
}

::selection {
background-color: #DF0613;
color:#fff;
}

.hidden {
display: none;
position: absolute;
top: -1000em;
left: -1000em;
width: 1px;
height: 1px;
overflow: hidden;
}

html {
height: 100%;
font-size: 62.5%; /* 1em = 10px */
overflow-y: scroll;
background: #fff url('/.resources/suisse/images/page/bg.png') 0 0 repeat;
}

body {
position: relative;
width: 100%;
height: 100%;
display: block;
font-family: 'roboto_condensedlight', 'Trebuchet MS', Trebuchet, Arial, sans-serif, 'sans serif';
font-weight: normal;
font-style: normal;
line-height: 1;
background-color: transparent;
/* mobile device */
-webkit-text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
-o-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
color: #2D2D2B;
}

img {
width: 100%;
max-width: 100%;
font-size: 0;
line-height: 0;
float: left;
border: none;
outline: none;
}

figure,
figure a {
margin: 0;
padding: 0;
float:left;
width: 100%;
}

/*** wrapper ***/
#container-1 {
position: relative;
height: auto;
min-height: 100%;
z-index: 1;
min-width: 100%;
}

#container-2 {
position: relative;
height: 35em;
margin-top: -35.1em; /* negative footer height */
clear:both;
background-color: #fff;
background-color: rgba(255,255,255,0.7);
border-top: 1px solid #2D2D2B;
box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.5);
z-index: 2;
min-width: 100%;
}

#header {
position: relative;
z-index: 20;
}

#menu {
position: relative;
z-index: 12;
}

#main {
padding: 0 1em;
padding-bottom: 35em; /* footer height */
}

#content,
#event {
position: relative;
padding-bottom: 10em;
z-index: 10;
}

#content-page #content,
#event-page #content,
#event {
margin-top: 2.5em;
}

#aside {
padding-top: 12em;
}

/*** center ***/
.center {
position: relative;
margin: 0 auto;
width: 100%;
clear: both;
}

.center.page-wrap {
max-width: 122em;
}

/*** clear block ***/
.clear {
display: block;
clear: both;
}

.clear:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}

/* old IE clear block */
* html .clear {
zoom: 1;
}

*:first-child+html .clear {
zoom: 1;
}

/* float direction */
.fl {
float: left;
}

.fr {
float: right;
}

.fn {
float: none;
}

/*** spacing ***/
/* all directions */
.space {
margin: 5px;
}

.space2 {
margin: 10px;
}

/* horizontal (left and right) */
.space-h {
margin-left: 5px;
margin-right: 5px;
}

.space-h2 {
margin-left: 10px;
margin-right: 10px;
}

/* vertical (top and bottom) */
.space-v {
margin-top: 5px;
margin-bottom: 5px;
}

.space-v2 {
margin-top: 10px;
margin-bottom: 10px;
}

/* left */
.space-l {
margin-left: 5px;
}

.space-l2 {
margin-left: 10px;
}

/* right */
.space-r {
margin-right: 5px;
}

.space-r2 {
margin-right: 10px;
}

/* top */
.space-t {
margin-top: 5px;
}

.space-t2 {
margin-top: 10px;
}

/* bottom */
.space-b {
margin-bottom: 5px;
}

.space-b2 {
margin-bottom: 10px;
}

/* no space */
.nmt {
margin-top: 0 !important;
}

/*** float grid (12 column) ***/
.block,
.grid {
width: 100%;
}

.g-7 {
width: 87.5%;
}

.g-6 {
width: 75%;
}

.g-5 {
width: 62.5%;
}

.g-4l {
width: 54%;
}

.g-4 {
width: 50%;
}

.g-3 {
width: 37.5%;
}

.g-2 {
width: 25%;
}

.g-1 {
width: 12.5%;
}

.g-3.gr-1 {
margin-right: -12.5%;
}

.g-33 {
width: 33.333333333333333%;
}

.g-66 {
width: 66.666666666666666%;
}/*
body:after {
position: fixed;
top: 20%;
right: 0;
content: "";
width: 90%;
height: 100%;
background-color: rgba(255,255,255,0.4);
transform: rotate(-10deg) translate(-5%,30%);
z-index: -1;
box-shadow: 0 8px 10px -10px rgba(0,0,0,0.25);
}
*/

/*
#home-page #menu:after {
position: absolute;
top: 0;
left: 0;
content: "";
width: 50%;
height: 80%;
background-color: rgba(255,255,255,0.4);
transform: rotate(14deg) translate(90%,0);
z-index: -1;
box-shadow: 0 8px 10px -10px rgba(0,0,0,0.25);
transition: all 1s ease-in-out;
opacity: 0;
}

#home-page #menu:hover:after {
opacity: 1;
}
*/

body iframe {
border: none !important;
padding: 0 !important;
margin: 0 !important;
}

/* header */
#language {
position: absolute;
top: 0;
right: 0;
float: right;
z-index: 100;
margin-right: 15px;
}

#language a,
#language p {
padding: 4px 9px;
float: left;
text-decoration: none;
letter-spacing: 0.1em;
background-color: rgba(45,45,43,0.7);
background-color: #2D2D2B;
transition: all 0.25s ease-in-out;
}

#language p {
background-color: rgba(223,6,19,0.7);
background-color: #DF0613;
}

#logo {
position: relative;
float: left;
width: auto;
margin-left: -28px;
margin-top: -35px;
-webkit-transition: all 1000ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
-moz-transition: all 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
-o-transition: all 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
transition: all 1000ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
-moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
-o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}

#content-page #logo,
#event-page #logo {
margin-top: -25px;
}

#home-page #logo img {
max-width: 500px;
}

#content-page #logo img,
#event-page #logo img {
max-width: 330px;
}

#social {
position: relative;
}

#social-button {
width: 86px;
padding: 5px;
transition: all 0.25s ease-in-out;
right: -5px;
}

#blog-button {
width: 26px;
height: 26px;
padding: 5px;
transition: all 0.25s ease-in-out;
margin-right: 10px;
}

#content-page #blog-button,
#content-page #social-button,
#event-page #social-button {
top: -5px;
}

#home-page #blog-button,
#home-page #social-button {
margin-top: 25px;
}

#social-button.active {
background-color: #fff;
background-color: rgba(255,255,255,0.6);
}

#social-button.active:after {
background-image: none !important;
}

#social-wrapper {
position: absolute;
top: 72px;
padding: 30px 10px 10px 10px;
background-color: #fff;
box-shadow: -6px -5px 15px -3px rgba(0,0,0,0.25);
width: 270px;
float: right;
display: none;
z-index: 10;
transform: rotate(6deg) translate(12%, 0);
margin-right: 5px;
}

#home-page #social-wrapper {
top: 50px;
}

.social-btn-wrapper {
margin-bottom: 10px;
}

#social-wrapper .close {
position: absolute;
top: 5px;
right: 5px;
width: 18px;
height: 18px;
float: right;
cursor: pointer;
}

/* menu */
#menu {
position: relative;
}

#home-page #menu {
margin-bottom: -8em;
}

#menu ul {
list-style: none;
margin-top: 7em;
}

#menu ul li {
clear: both;
}

#home-page #menu ul li {
float: right;
}

#content-page #menu ul li,
#event-page #menu ul li {
float:left;
}

#menu ul li a {
position: relative;
}

#content-page #menu .home-link,
#event-page #menu .home-link {
display: none;
}

#home-link {
position: relative;
float: left;
margin-top: 50px;
}

#header #blog-button,
#header #social-button {
position: relative;
float: right;
margin-top: 52px;
}

/* link and arrows */
/* arrow white */
.event-list .date:after {
content: "";
width: 52px;
height: 9px;
overflow: hidden;
background: transparent url('/.resources/suisse/images/page/arrow-r-w.png') center right no-repeat;
background-size: 100% auto;
}

/* arrow black */
.link:after,
.prev:after,
.next:after,
#menu ul li a.active:after,
.event-list .standard .date:after {
content: "";
width: 52px;
height: 9px;
overflow: hidden;
background: transparent url('/.resources/suisse/images/page/arrow-r-b.png') center right no-repeat;
background-size: 100% auto;
}

.prev:after {
content: "";
width: 52px;
height: 9px;
overflow: hidden;
background: transparent url('/.resources/suisse/images/page/arrow-r-b.png') center left no-repeat;
background-size: 100% auto;
}

.overview:before {
content: "";
width: 18px;
height: 18px;
overflow: hidden;
background: transparent url('/.resources/suisse/images/page/close-b.png') center center no-repeat;
background-size: 100% auto;
}

.event-box .link:after {
background: transparent url('/.resources/suisse/images/page/arrow-r-w.png') center right no-repeat;
background-size: 100% auto;
}

.prev:after,
#menu ul li a.active:after {
position: absolute;
top: 50%;
left: 0;
margin: -5px 0 0 -58px;
float: left;
}

.overview:before {
margin: -9px 6px 0 0;
padding: 0 18px 0 0;
}

.prev:after {
background: transparent url('/.resources/suisse/images/page/arrow-l-b.png') center left no-repeat;
background-size: 100% auto;
margin: -5px 0 0 0;
}

.next:after {
position: absolute;
top: 50%;
right: 0;
margin: -5px 0 0 0;
float: left;
}

.link.less:after,
#home-link:after {
content: "";
width: 52px;
height: 9px;
overflow: hidden;
background: transparent url('/.resources/suisse/images/page/arrow-l-b.png') center left no-repeat;
background-size: 100% auto;
}

.link.less:after {
padding-right:0;
}

.link.less:after,
#home-link:after {
position: absolute;
top: 50%;
right: 0;
margin: -5px -58px 0 0;
float: left;
}

/* link */
.link {
position: relative;
text-decoration: none;
}

.lead .file {
display: block;
}

.link:after,
.event-list .date:after {
position: relative;
margin: 5px 0 0 6px;
display: inline;
padding: 0 52px 0 0;
width: 0px;
}

.file {
text-decoration: none;
}

.file strong {
text-decoration: underline;
}

.file em {
font-style: normal;
white-space: nowrap;
}

/* text color */
#footer #aws,
.file em,
#menu ul li a,
.event-list .item.standard .grid,
.member-list .list-item a,
#footer #meta li a,
#home-link,
.text a,
.text ul a,
.text ol a,
.text table a,
#paging ul li a,
.text table captionn {
color: #2D2D2B;
}

#footer a,
.text .link,
#menu ul li a.active,
.list .file,
#home-link.active {
color: #DF0613;
}

#language a {
color: #fff;
color: rgba(255,255,255,0.5);
}

#event .item .item,
#event .item .item a,
#event .item .item p,
#event .item .item span,
#language p,
#language span {
color: #fff;
}

/* list */
.list {
list-style: none;
width: 100%;
float: left;
}

.list a {
text-decoration: none;
}

.item,
.list-item {
position: relative;
z-index: 10;
margin-bottom: 20px !important;
}

.main-box .item {
box-shadow: 0 12px 8px -10px rgba(0,0,0,0.25);
}

.main-box.no-space .item {
margin-bottom: 0 !important;
box-shadow: none;
}

.file-list {
list-style: none;
padding-bottom: 0 !important;
}

#content-page #content .aside-box .text p {
padding-bottom: 22px !important;
}

.aside-box .text a.file {
display: block;
clear: both;
float: none;
}

.aside-box .text ul.grid.file-list a.file {
padding-bottom: 0 !important;
}

.event-box .file em, 
.box .aside-box .file em {
color: #2D2D2B;
}

.event-box .file em, 
.box .aside-box .file-list {
padding-top: 0;
margin-top: 0;
padding-bottom: 22px;
}

.event-box .file em, 
.box .aside-box .file-list,
.event-box .file em, 
.box .aside-box .file {
border-top: none;
}

/* event list */
.event-list h1,
.event-list h2 {
border-top: 2px solid #fff;
margin-top: 40px;
padding-top: 40px;
}

.event-list ul li a {
position: relative;
z-index: 10;
color: #fff;
}

.event-list ul li a.link {
width: 100%;
float: left;
padding-top: 10px;
}

.event-list .title-l {
margin: 50px 0 60px 0;
}

.event-list .member {
position: relative;
margin: 0 0 0 -5px;
border-top: 1px solid #fff;
border-top: 1px solid rgba(255,255,255,0.25);
padding: 10px 0 10px 5px;
float: left;
}

.event-list .standard .member {
width: 100%;
border-top: 1px solid #2D2D2B;
border-top: 1px solid rgba(45,45,43,0.25);
padding: 10px 5px;
margin-top: 10px;
}

.event-list .standard a.grid {
height: 100%;
}

.event-list figure {
position: relative;
z-index: 20;
opacity: 0.25;
border-bottom: 1px solid #2D2D2B;
transition: all 0.5s ease-in-out;
}

.event-list .item.standard .grid,
.item.standard .grid {
/*
transition: all 0.5s ease-in-out;
*/
background-color: #fff;
}

.event-list .info-box h1,
.event-list .info-box h2 {
text-transform: none;
margin: 0;
padding: 0;
border: none;
}

/* event */
.bg-white {
background-color: #fff;
background-color: rgba(255,255,255,0.8) !important;
}

#event #event-area {
border-top: none;
box-shadow: none;
background-color: #fff;
background-color: rgba(255,255,255,0.5) !important;
}

#event #event-area:before {
background-color: #fff;
background-color: rgba(255,255,255,0.5) !important;
}

#event #event-area:after {
background-color: #fff;
background-color: rgba(255,255,255,0.8) !important;
}

#event .item .item {
margin-bottom: 0 !important;
border-top: none;
border-bottom: 1px solid #2D2D2B;
}

#event .item .text {
position: relative;
z-index: 10;
}

#event #event-area .serie {
margin-top: 10px;
margin-left: -5px;
padding: 10px 0 10px 5px;
border-top: 1px solid #2D2D2B;
border-top: 1px solid rgba(45,45,43,0.25);
}

#event .more,
#event .less {
display: none;
}

#event .item .r-text .more,
#event .item .r-text .less {
padding-left: 1.5em;
}

#event .r-text .no-space p,
.event-box p {
padding-bottom: 0;
}

.event-box .file,
.event-box .file-list a {
text-decoration: none;
}

.event-box .file {
display: block;
}

.event-box .file,
.event-box .file-list {
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid #fff;
border-top: 1px solid rgba(255,255,255,0.4);
}

.event-box .file-list .file {
border-top: none;
padding-top: 0;
margin-top: 0;
}

.event-box a,
.event-box p a,
.event-box strong,
.event-box .file strong,
.event-box .file-list strong {
letter-spacing: 0.05em !important;
}

.event-box .file em,
.event-box .file-list em {
color: #fff;
}

.event-box a,
.event-box .file a,
.event-box .file-list a {
color: #fff;
color: rgba(255,255,255,0.6) !important;
}

#content-page #content .box a {
color: #2D2D2B !important;
}

/* paging */
#paging ul {
list-style: none;
border-top: 2px solid #fff;
margin-top: 6em;
}

#paging ul li {
border-bottom: 2px solid #fff;
}

#paging ul li a {
position: relative;
}

#paging ul li .next {
float: right;
padding-right: 58px;
}

#paging ul li .prev {
float: left;
padding-left: 58px;
}

#paging ul li .overview {
width: 100%;
text-align: center;
float: left;
}

/* preview list */
.preview-list ul li,
.preview-list ul li a {
position: relative;
z-index: 10;
}

.preview-list ul {
margin: 0;
padding: 5px 0 0 0;
border-bottom: 1px solid #2D2D2B;
}

.preview-list .item {
margin: 0 !important;
padding: 0;
box-shadow: none;
}

.preview-list .item .grid {
background: transparent url('/.resources/suisse/images/page/bg.png') 0 0 repeat;
/*
transition: all 0.5s ease-in-out;
*/
}

.preview-list .item .grid.no-img {
background-image: none;
}

.preview-list .item .grid.no-img figure {
width: auto;
position: relative;
margin: -10px 20px 10px -5px;
}

/* figure (image) */
.image {
padding: 22px 0;
}

.main-box .image,
.aside-box .image {
padding: 0;
}

.image figcaption {
text-align: center;
}

/* image gallery */
.image.gallery ul {
width: 100%;
float: left;
list-style: none;
margin: 0;
padding: 0;
}

.image.gallery ul li {
width: 29.333333333333%;
float: left;
margin: 2%;
}

.image.gallery ul li a {
position: relative;
width: auto;
float: none;
padding: 10px;
box-shadow: 0 12px 8px -10px rgba(0,0,0,0);
/*
transition: all 0.5s ease-in-out;
*/
}

.image.gallery ul li a span {
position: relative;
width: 100%;
float: left;
}

.image.gallery ul li span:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
margin: -20px 0 0 -20px;
width: 40px;
height: 40px;
float: left;
background: transparent url('/.resources/suisse/images/page/zoom-w.png') 0 0 no-repeat;
background-size: 100% 100%;
z-index: 10;
opacity: 0;
transition: all 0.5s ease-in-out;
}

.image.gallery em {
padding: 0 0 0 10px;
}

#sb-overlay:before {
position: absolute;
top: 0;
right: 0;
width: 400%;
height: 100%;
content: "";
transform: skew(-50deg) translate(-5%, 0%);
-webkit-transform: skew(-50deg) translate(-5%, 0%);
background-color: rgba(0,0,0,0.5);
}

#sb-overlay:after {
position: absolute;
top: 0;
right: 0;
width: 400%;
height: 100%;
content: "";
transform: skew(-30deg) translate(-15%, 0%);
-webkit-transform: skew(-30deg) translate(-15%, 0%);
background-color: rgba(0,0,0,0.7);
}

/* table */
.text table {
border-bottom: 1px solid #aaa !important;
}

.text table,
.text table caption,
.text table thead,
.text table tbody,
.text table tr {
width: 100%;
}

.text table {
margin-bottom: 1em;
}

.text table caption {
margin: 0.7em 0 0.7em 0;
text-align: left;
}

.text table,
.text table tr,
.text table th,
.text table td {
border: none;
border-collapse: collapse;
border-spacing: 0;
}

.text table thead {
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

.text table tr th {
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

.text table th,
.text table td {
padding: 0.25em 2em 0.25em 0;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
vertical-align: top;
text-align: left;
}

.text table caption {
margin: 22px 0 0 0;
}

/* standard components */
#event-page #event .box .text,
#content-page #content .box .text {
background-color: #fff;
background-color: rgba(255,255,255,0.5);
margin-bottom: 20px;
box-shadow: 0 12px 8px -10px rgba(0,0,0,0.25);
}

#event-page #event .box.no-space .text,
#content-page #content .box.no-space .text {
margin-bottom: 0;
box-shadow: none;
}

#content-page #content .box .text p {
padding-bottom: 26px;
}

.text ul li p,
.text ol li p {
padding-bottom: 0;
}

.text ul,
.text ol {
padding-bottom: 22px;
}

.text.preview-list ul {
padding-bottom: 0;
}

/* aside box */
.aside-box {
position: relative;
width: 55%;
margin: 17px -100% 0 4.4em;
background: #fff url('/.resources/suisse/images/page/bg.png') repeat 0 0;
}

.box .aside-box,
.wrap .aside-box {
margin-top: 0;
}

.aside-box:after {
content: "";
position: absolute;
top: 0;
left: 0;
margin: 0;
width: 0;
height: 0;
border: 20px solid rgba(0,0,0,0);
border-right: 20px solid #c6c6c6;
border-top: 20px solid #c6c6c6;
z-index: -1;
transform: rotate(17deg) translate(-27px, 25px);
}

#event-page  .aside-box {
margin: 40px 0 22px 0 !important;
width: 100%;
}

#event-page .no-space .aside-box {
margin: 20px 0 22px 0 !important;
}

#event-page .box .aside-box {
margin: 25px 0 22px 0 !important;
}

#event-page .aside-box:after {
margin: 0;
border: 20px solid rgba(0,0,0,0);
border-bottom: 20px solid #c6c6c6;
border-right: 20px solid #c6c6c6;
transform: rotate(17deg) translate(27px, -40px);
}

.aside-box .text {
background-color: #dadada !important;
box-shadow: none !important;
border-top: none;
}

.aside-box .text strong {
letter-spacing: 0.07em;
}

.aside-box .text .clear {
position: relative;
z-index: 10;
}

.aside-box .text .grid {
position: relative;
z-index: 10;
/*
background: transparent url(/.resources/suisse/images/page/bg-box.png) center bottom repeat-x;
min-height: 200px;
*/
}

.aside-box .text ul.grid {
background-image: none;
min-height: 1px;
}

.aside-box .text .image .grid {
background-color: transparent;
background-image: none;
min-height: 1px;
}

/*
#content-page #content .aside-box .text p {
padding-bottom: 0;
}
*/

/* item background animation */
.item,
.list-item {
position: relative;
overflow: hidden;
display: block;
clear: both;
border-top: 1px solid #2D2D2B;
box-shadow: 0 12px 8px -10px rgba(0,0,0,0.25);
}

.list-item {
border-bottom: none;
box-shadow: 0 12px 8px -10px rgba(0,0,0,0);
background-color: #fff;
background-color: rgba(255,255,255,0.5);
float: none;
/*
transition: all 0.5s ease-in-out;
*/
}

.item:before {
position: absolute;
top: 0;
right: 0;
margin-top: 0;
margin-right: 0;
content: "";
width: 400%;
height: 100%;
float: right;
z-index: 1;
}

.item:after {
position: absolute;
top: 0;
right: 0;
margin-top: 0;
margin-right: 0;
content: "";
width: 400%;
height: 100%;
float: right;
z-index: 2;
}

.item:before,
.item:after {
transform: skew(0, 0) translate(0, 0);
transition: all 2s cubic-bezier(0.875, -0.400, 0.420, 1);
transition-timing-function: cubic-bezier(0.875, -0.400, 0.420, 1);
}

.main-box .text {
background-color: #dadada !important;
border-top: none;
}

.main-box > .text > .clear {
position: relative;
z-index: 100;
}

/* sorting */
#sorting {
margin-top: 80px;
padding-bottom: 40px;
width: auto;
}

#sorting-home-wrapper {
width: 100%;
float: left;
clear: both;
height: 1px;
margin-bottom: -1px;
position: relative;
}

#sorting-inner-wrapper {
width: 25%;
float: right;
position: relative;
}

#home-page #sorting {
width: auto;
float: none;
display: block;
clear: both;
margin-left: 15px;
margin-top: 115px;
}

#sorting.fixed {
position: fixed;
/*
top: 297px;
*/
top: 0;
margin-top: 40px;
}

#home-page #sorting.fixed {
margin-top: 40px;
margin-right: 20px;
}

#sorting strong,
#sorting span {
width: 100%;
float: left;
text-transform: uppercase;
}

#sorting span {
cursor: pointer;
margin-top: 10px;
}

#sorting span.active {
color: #DF0613;
}

#sorting span.inactive {
color: #aaa;
}

#all-event-btn {
text-transform: uppercase;
text-decoration: none;
color: #2D2D2B;
margin-top: 50px;
float: left;
}

/*** footer ***/
#footer {
position: relative;
padding-top: 3em;
z-index: 30;
}

#footer #meta {
width: auto;
display: table;
text-align: center;
}

#footer #meta ul {
width: auto;
list-style: none;
display: inline-block;
vertical-align: top;
}

#footer #meta li {
width: auto;
float: left;
padding: 0 10px;
}

#footer #meta li a {
text-transform: uppercase;
text-decoration: none;
}

#footer #aws_old {
float: left;
padding: 34px 0 0 40px;
}

#footer #aws img_old {
width: 30px;
float: left;
padding: 7px 10px 0 0;
}

#footer #aws span_old {
float: left;
}

#footer #aws {
float: left;
padding: 0 0 0 52px;
width: 200px;
height: 39px;
overflow: hidden;
margin-top: 34px;
}

#footer #aws img {
width: 200px;
float: left;
padding: 0;
}

#footer #aws.fr img {
margin-top:-39px;
}

#sagw-logo {
position: relative;
width: 70px;
float: left;
margin: 0 -80px 0 0;
z-index: 2;
}

#sagw-text {
position: relative;
float: left;
padding: 0 0 0 80px;
z-index: 1;
max-width: 300px;
}

#sagw-text .no-decoration {
text-decoration: none;
color: #2D2D2B;
}

#top {
position: relative;
width: 4em;
height: 3em;
margin-top: -1.5em;
background-color: #2D2D2B;
cursor: pointer;
transition: all 0.5s ease-in-out;
}

#top .button {
padding: 9px 8px 0 8px;
}

#no-support {
display: none;
}

.preview-list .font-l {
font-size: 30px;
line-height: 30px;
text-decoration: none;
text-transform: uppercase;
}

#content .preview-list {
margin-bottom: 40px;
}

#content .preview-list .member {
margin-top: 10px;
margin-left: -5px;
padding-top: 10px;
padding-left: 5px;
width: auto;
float: left;
border-top: 1px solid #2D2D2B;
border-top: 1px solid rgba(45,45,43,0.25);
}

.all-member-list {
border-top: 1px solid #2D2D2B;
list-style: none;
}

.all-member-list li {
border-bottom: 1px solid #2D2D2B;
padding-top: 10px;
background-color: rgba(255,255,255,0.6);
}

.all-member-list .text .link {
float: left;
padding-bottom: 10px;
}

#event-page .event-list .font-l {
border: none;
margin-top: 0;
padding-top: 0;
}

/* warning */
.warning {
display: block !important;
clear: both !important;
float: none !important;
padding: 5px !important;
margin: 5px 0 !important;
background-color: #ffaaaa !important;
color: #000 !important;
}/*** form ***/
#main .col3 .text.form-container .text {
margin-left: 0;
width: 100%;
}

.center-title {
text-align: center !important;
padding: 40px 0 10px 0 !important;
margin-bottom: 20px !important;
border-bottom: 1px solid #000;
}

#main .form-wrapper form h1, 
#main .form-wrapper form h2, 
#main .form-wrapper form h3 {
padding: 10px 0;
}

#main .form-wrapper,
#main .form-wrapper form,
#main .form-wrapper fieldset,
#main .form-wrapper .form-item,
#main .form-wrapper .button-wrapper {
width:100%;
float:left;
clear:both;
margin:0;
padding:0;
border:none;
position: relative;
}

#main .form-wrapper {
border-bottom: 1px solid #000;
}

#main .form-wrapper .form-item {
padding:0 0 10px 0;
}

#main .form-wrapper fieldset {
border-top: 1px solid #000;
margin-top: 10px;
padding-top: 20px;
}

#main .form-wrapper fieldset fieldset {
position: relative;
width:60%;
float:left;
clear:none;
border: none;
margin-top: 0;
}

#main .form-wrapper .form-row {
width: 100%;
float: left;
padding: 0 0 20px 0;
}

#main .form-wrapper form p.required {
padding:20px 0 12px 0;
}

/*
#main .form-wrapper form select,
*/
#main .form-wrapper form input,
#main .form-wrapper form textarea {
font-size:17px;
line-height: 20px;
font-weight:normal;
border:none;
width:50%;
min-width:50%;
max-width:50%;
background-color: #fff;
background-color: rgb(255,255,255);
background: #f4f4f4;
outline:none;
padding: 5px 1% !important;
}

#main .form-wrapper form textarea {
padding: 8px 1% !important;
}

#main .form-wrapper form input[type=text],
#main .form-wrapper form textarea {
border-radius:0;
border: none;
box-shadow: 0 12px 10px -10px rgba(0,0,0,0.4);
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
margin-bottom: 2px;
margin-top: 2px;
}

#main .form-wrapper form input[type=checkbox],
#main .form-wrapper form input[type=radio] {
position: relative;
}

#main .form-wrapper form input[type=text]:focus,
#main .form-wrapper form textarea:focus {
border-bottom: 2px solid #000;
margin-bottom: 0;
}

#main .form-wrapper form select {
width:50%;
min-width:50%;
max-width:50%;
background-color:#fff;
box-shadow:none;
}

#main .form-wrapper form .form-item {
position:relative;
}

#main .form-wrapper form .form-item input,
#main .form-wrapper form .form-item .fake-box {
position:relative;
width:1em;
min-width:1em;
max-width:1em;
height:1em;
line-height:1em;
float:left;
margin: 1px 15px 0 0;
border:2px solid #000;
cursor: pointer;
z-index: 3;
}

#main .form-wrapper form .form-item input {
border: none;
outline: none;
background-color: transparent;
}

#main .form-wrapper form .form-item label {
cursor: pointer;
}

#main .form-wrapper form .form-item .fake-box.radio {
border-radius:50%;
overflow:hidden;
}

#main .form-wrapper form .form-item input {
height: 30px;
opacity:0;
}

#main .form-wrapper form .form-item .fake-box {
position:absolute;
top:0;
left:0;
z-index: 1;
margin: 9px 0 0 0;
}

#main .form-wrapper form .form-item .fake-box img {
width:100%;
display:none;
}

#main .form-wrapper form .form-item .fake-box.active img {
display:block;
}

#main .form-wrapper form .form-item .fake-box.focus {
}

#main .form-wrapper form .form-item label.focus,
#main .form-wrapper form .form-item label.focus span {
}


#main .form-wrapper form fieldset fieldset label {
text-transform: none;
width: 100%;
}

#main .form-wrapper form label,
#main .form-wrapper form .form-item label {
width: 34%;
float: left;
text-align: right;
padding: 0 4.3333333% 0 0;
margin-top: 9px;
position: relative;
}

#main .form-wrapper form fieldset fieldset label, 
#main .form-wrapper form fieldset fieldset .form-item label {
width: 100%;
text-align: left;
padding: 0;
margin: 0;
}

#main .form-wrapper form fieldset fieldset label span, 
#main .form-wrapper form fieldset fieldset .form-item label span {
display: block;
clear: both;
float: none;
margin: -22px 0 0 2em;
}

#main .form-wrapper form .descr {
width:50%;
float:left;
padding:10px 0 10px 28.33333333%;
font-size:14px;
line-height: 20px;
margin: 0 0 0 0;
}

#main .form-wrapper form dfn {
position: absolute;
top: 0;
right: 8px;
font-style: normal;
font-weight: bold;
}

#main .form-wrapper p.required {
padding: 10px 0 0 0;
border-top: 1px solid #000;
margin-top: 10px;
text-align: center;
}

#main .form-wrapper form fieldset fieldset .descr {
width:100%;
padding-left: 0;
padding-top: 0;
margin: 0;
}

#main .form-wrapper form fieldset fieldset.select .descr {
padding-top: 10px;
}

#main .form-wrapper form fieldset .button-wrapper {
width: 100%;
float: left;
}

#main .form-wrapper form fieldset .button-wrapper button {
width: auto;
float: left;
text-align:left;
border:none;
outline:none;
text-decoration: none;
margin-left: 28.3333333333%;
margin-bottom: 40px;
line-height: 140%;
}

#main .form-wrapper form fieldset .button-wrapper button:focus {
}

#main .form-wrapper form div.fancy-select ul.options li.selected,
#main .form-wrapper form div.fancy-select ul.options li.hover {
color: #fff;
background-color: #333334 !important;
}

/* custom select */
#main .form-wrapper form select.custom-select {
position: relative;
border-radius: 0;
border: none;
box-shadow: 0 12px 10px -10px rgba(0,0,0,0.4);
-webkit-appearance: none;
-moz-appearance:window;
-ms-appearance: none;
-o-appearance: none;
margin-bottom: 2px;
margin-top: 2px;
width: 10%;
min-width: 100%;
max-width: 100%;
padding: 9px 10px !important;
background-color: #fff;
background-color: rgb(255,255,255);
background: #f4f4f4;
outline: none !important;
z-index: 1;
}

#main .form-wrapper form .moz-select {
width: 100%;
float: left;
position: relative;
}

#main .form-wrapper form .moz-select:after {
position: absolute;
right: 0;
top: 50%;
content: "";
margin: -2px 10px 0 0;
border: 6px solid rgba(0,0,0,0);
border-top: 6px solid #000;
height: 0;
width: 0;
z-index: 10;
}

#main .form-wrapper form select.custom-select:focus {
margin-bottom: 0;
border-bottom: 2px solid #000;
outline: none;
}

@-moz-document url-prefix() {
	#main .form-wrapper form .moz-select {
	border-radius: 0;
	border: none;
	box-shadow: 0 12px 10px -10px rgba(0,0,0,0.4);
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	margin-bottom: 2px;
	margin-top: 2px;
	width: 10%;
	min-width: 100%;
	max-width: 100%;
	padding: 0 !important;
	background-color: #fff;
	background-color: rgb(255,255,255);
	background: #f4f4f4;
	float: left;
	}
	
	#main .form-wrapper form .moz-select select.custom-select,
	#main .form-wrapper form .moz-select select.custom-select:focus {
	outline: none !important;
	margin-bottom: 2px;
	border: none !important;
	color: transparent;
    text-shadow: 0 0 0 #000;
	padding: 8px 10px !important;
	}
}

#main .form-wrapper.edit-form form fieldset.small {
width: auto !important;
display: block !important;
clear: both !important;
float: none !important;
}

#main form .button-wrapper button {
position: relative;
margin: 0 0 15px 0;
border: none;
background-color: #fff;
padding: 0;
text-decoration: underline;
font-size: 17px;
line-height: 20px;
padding: 5px 10px;
background-color: #2D2D2B;
color: #fff;
cursor: pointer;
transition: all 0.5s ease-in-out;
}

#main form .button-wrapper button:hover {
background-color: #DF0613;
}

.text.error {
border-top: 1px solid #000;
padding-top: 10px;
}

.text.error p,
.text.error h2,
.text.error h3,
.text.error li,
.text.error span,
.text.error strong,
.form-item.error label span {
color: #ff0000 !important;
}

.form-item.error input,
.form-item.error .fake-box {
border-color: #ff0000 !important;
}

#main .form-wrapper form .error input[type=text],
#main .form-wrapper form .error textarea,
.error input,
.error textarea.txt {
border-color: #ff0000 !important;
background-color: #ff0000 !important;
color: #fff !important;
}

.text.error.checkbox p {
position: relative;
border-top: 1px solid #ff0000;
width: auto;
float: left;
}

.text.error ul {
list-style: none;
margin: 0;
padding: 0;
}#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{
font-family: 'roboto_condensedlight', Helvetica, 'Trebuchet MS', Trebuchet, Arial, sans-serif, 'sans serif';
font-weight: normal;
font-style: normal;
color:#fff;
}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;overflow:hidden;height:100px;z-index:10;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{color:#fff;display:inline-block;font-size:14px;line-height:17px;text-transform:uppercase;}
#sb-body,#sb-loading{background-color:#000;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;}
#sb-nav{float:right;margin:0;width:auto;}
#sb-nav a{display:block;float:right;width:auto;padding:0;margin:0;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{}
#sb-nav-close:hover{}
#sb-nav-next{}
#sb-nav-previous{}
#sb-nav-play{display:none !important;}
#sb-nav-pause{display:none !important;}
#sb-nav-next:hover{}
#sb-nav-previous:hover{}
#sb-nav-play:hover{display:none !important;}
#sb-nav-pause:hover{display:none !important;}
#sb-counter{float:left;width:auto;}
#sb-counter a{padding:0 0 0 0;text-decoration:none;cursor:pointer;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:14px;line-height:17px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{text-decoration:underline;}

#sb-nav a span,
#sb-counter {
font-size:14px;
line-height:17px;
float:left;
}

#sb-nav a.sb-button:hover {
opacity: 1;
}

#sb-nav a.sb-button img {
float:left;
width:100%;
}

#sb-nav a span {
background-color: transparent;
text-align:center;
}

#sb-loading-inner span {
background-color: transparent;
color:#fff;
letter-spacing: 0.05em;
}

#sb-counter {
position:relative;
top:0;
left:0;
background-color: transparent;
color:#fff;
border-top:none;
margin:0;
}

#sb-counter span {
float:left;
width:100%;
text-align:center;
background-color: transparent;
font-size:14px;
line-height:17px;
}

#sb-nav {
position:absolute;
top:0;
right:0;
}

#sb-info {
position:relative;
width:100%;
float:left;
z-index:10;
color:#fff;
margin:0;
font-size:14px;
line-height:17px;
}

#sb-title {
margin:0;
display:block;
clear:both;
}

#sb-title.no-counter {
margin:0 0 0;
}

.sb-title-box {
position:relative;
background-color: transparent;
color:#fff;
width:100%;
float:left;
margin:0;
padding: 0;
}


#sb-title-inner {
line-height:140%;
padding:0;
color:#fff;
display:block;
}

#sb-title-inner span {
padding: 10px 0;
border-top:1px solid #fff;
display:block;
clear:both;
}

#sb-title-inner span strong {
display:block;
clear:both;
}


#sb-title-inner,
#sb-counter span,
#sb-nav a {
padding-top: 8px;
color:#fff;
}

#sb-nav a {
margin:0 0 0 10px;
padding:0 0 0 0;
color:#99B6D4;
text-transform: uppercase;
text-indent: -9999px;
overflow: hidden;
}

#sb-nav a:hover,
#sb-nav a#sb-nav-close:hover {
color:#fff;
}

#sb-next-overall {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-indent:-9999px;
cursor:pointer;
}

#sb-next-overall::selection {
background-color: rgba(0,0,0,0)
}

#sb-overlay {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
corsor: pointer;
background-color: rgba(0,0,0,0.8) !important;
}

#sb-nav a {
position: relative;
width: 52px;
height: 9px;
margin-top: 10px;
opacity: 0.75;
padding: 4px 0 5px 0;
}

#sb-nav #sb-nav-close {
width: 18px;
height: 18px;
padding: 0;
}

#sb-nav-close:before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 18px;
height: 18px;
overflow: hidden;
background: transparent url("/.resources/suisse/images/page/close-w.png") center center no-repeat;
background-size: 100% auto;
text-indent: 0;
}

#sb-nav-next:before {
position: absolute;
top: 4px;
left: 0;
content: "";
width: 52px;
height: 9px;
overflow: hidden;
background: transparent url("/.resources/suisse/images/page/arrow-r-w.png") center right no-repeat;
background-size: 100% auto;
text-indent: 0;
}

#sb-nav-previous:before {
position: absolute;
top: 4px;
left: 0;
content: "";
width: 52px;
height: 9px;
overflow: hidden;
background: transparent url("/.resources/suisse/images/page/arrow-l-w.png") center left no-repeat;
background-size: 100% auto;
text-indent: 0;
}#menu ul li a:hover,
#footer #meta li a:hover,
#footer #aws:hover,
#home-link:hover,
.text a:hover,
.text ul a:hover,
.text ol a:hover,
.text table a:hover,
#paging ul li a:hover,
#sagw-text .no-decoration:hover,
#sorting span:hover,
#all-event-btn:hover {
color: #DF0613;
}

#content-page #content .box a:hover {
color: #DF0613 !important;
}

.preview-list .item .grid:hover {
background-image: none;
}

#language a:hover,
#top:hover {
background-color: #DF0613;
}

#menu ul li a:hover:after {
position: absolute;
left: 0;
top: 50%;
content: "";
width: 52px;
height: 9px;
overflow: hidden;
background: transparent url('/.resources/suisse/images/page/arrow-r-b.png') center left no-repeat;
background-size: 100% auto;
float: left;
margin: -5px 0 0 -58px;
}

#language a:hover,
#home-page .event-list .list .g-4 a:hover,
#home-page .event-list .list .g-66 a:hover {
color: #fff;
}

.text a.link:hover {
text-decoration: underline; 
}

.event-list .item:hover figure {
opacity: 1;
}

.event-list .item.standard:hover a.grid .date:after {
content: "";
width: 52px;
height: 9px;
overflow: hidden;
background: transparent url('/.resources/suisse/images/page/arrow-r-w.png') center left no-repeat;
background-size: 100% auto;
}

.event-list .item.standard:hover a.grid,
.item.standard:hover a.grid {
background-color: transparent;
color: #fff;
}

.event-list .item.standard:hover a.grid {
background-color: transparent;
}

#content .preview-list a:hover .member,
.event-list .item.standard:hover .member {
border-top: 1px solid #fff;
border-top: 1px solid rgba(255,255,255,0.25);
}

.image.gallery ul li span:hover:before {
opacity: 1;
}

.event-box a:hover,
.event-box .file a:hover,
.event-box .file-list a:hover {
color: #fff !important;
}

#blog-button:hover,
#social-button:hover {
background-color: #fff;
background-color: rgba(255,255,255,0.6);
}

#home-page #blog-button:hover:after,
#home-page #social-button:hover:after {
background-image: none;
}

#sb-nav a:hover {
opacity: 1;
}

.list-item:hover,
.image.gallery ul li a:hover {
background-color: rgba(255,255,255,1);
box-shadow: 0 12px 8px -10px rgba(0,0,0,0.25);
}

.list .g-66 .item:hover:before,
.list .g-4 .item:hover:before {
transform: skew(-50deg) translate(-5%, 0%);
-webkit-transform: skew(-50deg) translate(-5%, 0%);
}

.list .g-66 .item:hover:after,
.list .g-4 .item:hover:after {
transform: skew(-30deg) translate(-15%, 0%);
-webkit-transform: skew(-30deg) translate(-15%, 0%);
}

.list .g-66 .item:hover:before,
.list .g-66 .item:hover:after,
.list .g-4 .item:hover:before,
.list .g-4 .item:hover:after {
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
}

#content-page #logo:hover,
#event-page #logo:hover {
transform: rotate(-6.9deg) translate(11px, -7px);
-webkit-transform: rotate(-6.9deg) translate(11px, -7px);
}

#home-page #logo:hover {
transform: rotate(-6.9deg) translate(0px, -10px);
-webkit-transform: rotate(-6.9deg) translate(0px, -10px);
}@media only screen and (max-width : 1300px) {

	#social-wrapper {
	transform: rotate(6deg) translate(-3%, -10px);
	}
}

@media only screen and (max-width : 1050px) {
	.title-l, 
	.text .title-l, 
	#event .headline, 
	#content-page #content .box .text .headline, 
	#content-page #content .wrap .text .headline {
	font-size: 32px;
	line-height: 37px;
	}

	.event-list h1, 
	.event-list h2, 
	#menu ul li a, 
	#home-link, 
	#paging ul li a, 
	.preview-list h2, 
	.preview-list h3 {
	font-size: 24px;
	line-height: 24px;
	}
	
	#home-link {
	margin-top: 53px;
	}
}

@media only screen and (max-width : 1000px) {
	.event-list .date,
	.event-list .standard .title,
	.event-list .standard .member,
	.event-list .info-box h1,
	.event-list .info-box h2,
	.event-list .info-box p {
	font-size: 14px;
	line-height: 17px;	
	}
}


@media only screen and (max-width : 900px) {
	#content-page #home-link:after {
	background-image: none;
	}
	
	#blog-button {
	margin-right: 0;
	}
}

@media only screen and (max-width : 850px) {
	#content-page #content.g-4l,
	#event.g-4l {
	width: 60%;
	}
	
	#menu ul li a.active:after,
	#menu ul li a:hover:after {
	display: none;
	}
	
	#menu ul {
	margin-top: 2.3em;
	}
	
	#home-page #menu ul {
	margin-top: 6em;
	}
	
	.image.gallery ul li {
	width: 33.3333333333%;
	margin: 0;
	}
	
	.event-list h1, 
	.event-list h2, 
	#menu ul li a, 
	#home-link, 
	#paging ul li a, 
	.preview-list h2, 
	.preview-list h3 {
	font-size: 20px;
	line-height: 20px;
	}
	
	#all-event-btn,
	#sorting span,
	#sorting strong {
	font-size: 16px;
	line-height: 16px;
	}
	
	.title-l, .text .title-l {
	font-size: 20px;
	line-height: 26px;
	}
	
	#home-link {
	margin-top: 55px;
	margin-left: -3em;
	}
	
	.g-3.gr-1 {
	margin-right: 0%;
	}
	
	#content-page #home-link {
	margin-left: 0;
	}
	
}

@media only screen and (max-width : 800px) {
	.event-list .list .g-2,
	.event-list .list .g-33 {
	width: 50%;
	}

	#footer .g-2,
	#footer .g-3,
	#footer .g-4,
	.event-list .list .g-66 {
	width: 100%;
	}

	#sagw-text {
	display: block;
	float: none;
	}
		
	#footer #meta {
	margin-top: 2em;
	margin-bottom: 2em;
	}
}

@media only screen and (max-width : 700px) {
	html {
	background-image: none;
	background-color: #fff;
	}
	
	#container-1 {
	min-height: 1px;
	float: left;
	background: #fff url('/.resources/suisse/images/page/bg.png') 0 0 repeat;
	}
	
	#container-2 {
	height: auto;
	margin-top: 0;
	float: left;
	}

	#main {
	padding-bottom: 0;
	}
	
	#content-page #content.g-4l, 
	#event.g-4l,
	.menu-wrapper {
	width: 100%;
	}

	#home-page #menu ul {
	margin-top: 2.3em;
	}
	
	.menu-wrapper {
	padding-bottom: 10em;
	}
	
	#menu {
	z-index: 2;
	}
	
	#menu,
	#menu ul,
	#menu ul li,
	#menu ul li a {
	width: 100%;
	float: left;
	text-align: center;
	}
	
	#social {
	padding-top: 1em;
	}
	
	#content, 
	#event {
	z-index: 1;
	}
	
	#menu ul li a#blog-button,
	#menu ul li a#social-button {
	width: auto;
	float: none;
	margin: 0 auto;
	clear: both;
	right: 0;
	}
	
	#menu ul li a#blog-button {
	margin: 0 0 0 10px;
	}
	
	#menu ul li a#blog-button img,
	#menu ul li a#social-button img {
	width: 86px;
	float: none;
	display: inline;
	position: relative;
	top: 5px;
	}

	#menu ul li a#blog-button img {
	width: 26px;
	}

	#menu ul li a {
	line-height: 30px;
	}

	.aside-box {
	margin: 10px 0 22px 0 !important;
	width: 100%;
	}
	
	.aside-box:after {
	margin: 0;
	border: 20px solid rgba(0,0,0,0);
	border-bottom: 20px solid #c6c6c6;
	border-right: 20px solid #c6c6c6;
	transform: rotate(17deg) translate(27px, -40px);
	}
	
	#logo {
	margin-left: 0;
	margin-top: -10px;
	}

	#home-page #menu {
	margin-bottom: 3em;
	}
	
	.member-list.g-6,
	.sorting-list.g-6,
	#home-page #content .text.grid.g-4 {
	width: 100%;
	}
	
	#sorting {
	display: none !important;
	}
	
	#social-wrapper {
	position: relative;
	transform: rotate(0) translate(0, 0);
	width: 90%;
	padding: 30px 5% 10px 5%;
	max-width: 270px;
	margin: 0 auto;
	float: none;
	top: -5px;
	}
	
	.social-btn-wrapper {
	text-align: left;
	}
	
	#home-page #social-wrapper {
	top: 0px;
	}
	
	#content-page #menu .home-link {
	display: block;
	}
	
	#content-page #home-link {
	display: none;
	}
}

@media only screen and (min-width : 700px) {
	#social-wrapper {
	right: 0;
	}
}

@media only screen and (max-width : 600px) {
	#home-link {
	display: none;
	}
	
	#header .grid.g-3 {
	width: auto;
	}
	
	#home-page .member-list .g-33,
	#home-page .sorting-list .g-33,
	.event-list .list .g-2,
	.event-list .list .g-4 {
	width: 100%;
	}
	
}

@media only screen and (max-width : 500px) {
	#main .form-wrapper form label, 
	#main .form-wrapper form .form-item label {
	width: 100%;
	padding-right: 0;
	text-align: left;
	}
	
	#main .form-wrapper form .descr,
	#main .form-wrapper fieldset fieldset {
	width: 100%;
	padding-left: 0;
	}
	
	#main .form-wrapper form input[type=text], 
	#main .form-wrapper form textarea {
	width: 98%;
	min-width: 98%;
	max-width: 98%;
	}

	#main .form-wrapper form dfn {
	position: relative;
	right: 0;
	}

	.preview-list .item .grid.no-img figure {
	width: 100%;
	margin: 0 0 10px 0;
	}

	.preview-list .item .grid.no-img {
	width: 100%;
	}

}

@media only screen and (max-width : 450px) {
	#content-page #logo, 
	#event-page #logo {
	width: 50%;
	float: left;
	clear: none;
	margin-top: -10px;
	}
	
	#content-page #logo img, 
	#event-page #logo img {
	max-width: 100%;
	}
}

/*** landscape ***/
/* tablet */
@media screen and (max-device-width : 768px) and (min-aspect-ratio: 1/1) {

}

/* mobile */
@media screen and (max-device-width : 480px) and (min-aspect-ratio: 1/1) {

}

/*** portrait ***/
/* tablet */
@media screen and (max-device-width : 768px) and (max-aspect-ratio: 1/1) {

}

/* mobile */
@media screen and (max-device-width : 480px) and (max-aspect-ratio: 1/1) {

}