/*   
Theme Name: Tarantula
Description: Tarantula custom wordpress theme.
Author: Granduchy & Pomfluo / maintained by elastik.eu
Author URI: http://www.granduchy.com/
Version: 04/2015
*/

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');


body {
	margin: 0;
	padding:0;
	overflow-y:scroll;
	overflow-x:hidden;
	background-color:#E5E5E5;
	font-weight: 300;
  	font-style: normal;
	font-family: 'Oswald', sans-serif;
	font-size:14px;
}
html, body {
	width:100%;
}
html {
	-webkit-text-size-adjust: 100%;
}
a {
	text-decoration:none;
	color:#000;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
}
p {
	line-height:1.5em;
}
h1 {
	font-size:24px;
	font-weight:300;
}
h2 {
	font-size:18px;
	font-weight:400;
	text-transform:uppercase;
	
}
strong {
	font-weight:700;
}
ul, li {
	list-style:none;
	padding:0;
	margin:0;
}
.black {
	background-color:#000;
	color:#fff;
}
.top_b {
	border-top:8px solid #000;
	padding-top:48px !important;
}
.bottom_b {
	border-bottom:8px solid #000;
}
.top_w {
	border-top:8px solid #fff;
}
.bottom_w {
	border-bottom:8px solid #fff;
}
.cls {
	clear:both;
}
.upperc {
	text-transform:uppercase;
}
.sstitre, .sstitrefilm {
	padding-bottom:26px;
	margin-right:12px;
	width:274px
}
.sstitre>div {
	height:76px;
}
.sstitrefilm>div {
	height:76px;
}
.yellow {
	color:#FFD300;
}
.green {
	color:#83C7BB;
}
.blue {
	color:#B9E2FA;
}
.animslow {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
}
/*------------------------------------------->MAIN */
#loading{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 200000;
	top:0;
	background-color: #fff;
	opacity: 1;
}
#loading img {
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-80px;
  	margin-left:-80px;
	opacity: 0.2;
}
#wrapper {
	width:100%;
	max-width:1240px;
	margin:0 auto;
	background-color:#fff;
	z-index:0;
	position:relative;
}
#about h1, #team h1, #partenaires h1, #contact h1 {
	margin-bottom:40px;
}
#content {
	position:relative;
	z-index:5;
}
.sousfiche p a {
	border-bottom:1px dotted #000;
}
.sousfiche p a:hover {
	background-color:#E5E5E5;
}
.edit-link, .edit-link a {
	color: red;
	padding:0 4px;
}
.edit-link a:hover {
	color: white;
	background-color:red;
}
.edit-link {
	position:absolute;
	left:0px;
	top:0px;
	margin-top:-50px;
	text-transform:uppercase;
}
.hide {
	opacity:0!important;
}
/*------------------------------------------->HEADER */
#branding {
	width:100%;
	position:relative;
	overflow: hidden;
	max-height:651px;
	margin-top:-1px;
}
#logo {
	position:absolute;
	left:50%;
	margin-left:-60px;
	top:50%;
	margin-top:-82px;
	z-index:10;
	opacity:1;
}
#slidecover {
	width:100%;
	margin-bottom:-1px;
}
#slidecover img {
	width:100%;
	height:auto;
}
#close {
	float: right;
  	position: relative;
	cursor: pointer;
}
.invisible {
	opacity:0 !important;
	-ms-transform: translateY(50px);
	-webkit-transform: translateY(50px);
    transform: translateY(50px);
}
/*------------------------------------------->MENU */
#access {
	width:100%!important;
	text-transform:uppercase;
	height:40px;
	z-index:10000;
}
#nav, #nav ul, #accesssec,  #accesssec ul{
	padding:0;
	margin:0;
	list-style:none;
}
#nav {
	margin:0 auto;
	width:1144px;
}
#nav, #accesssec {
	font-size:16px;
	
}
#nav li {
	float:left;
}
#nav li a {
	line-height:40px;
}
#accesssec li a {
	line-height:60px;
}
#nav li a, #accesssec li a {
	color:#fff;
	display:block;
	padding:0 8px;
}
#nav li a:hover, #accesssec li a:hover {
	background-color:#fff;
	color:#000;
}
.menutitle{
	font-weight:400;
	margin:0 32px 0 -6px;
}
#icomenu {
	float:right;
	cursor:pointer;
	margin-top:-40px;
	line-height:40px;
	margin-right:-8px;
	width:100px;
	text-align:right;
}
#icomenu img {
	-webkit-transition: all 0.2s ease-out;
  	-moz-transition: all 0.2s ease-out;
  	-o-transition: all 0.2s ease-out;
  	transition: all 0.2s ease-out;
}
.rotated {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fixe {
	position: fixed !important;
	
	top:0;
	margin:0 auto;
}
/*------------------------------------------->SECTIONS */
.ss_section {
	padding-bottom:48px;
	margin-right:-16px;
}
.ss_section h1 {
	text-transform:uppercase;
}
.insection {
	margin:0 auto;
	padding-top:48px;
	width:1144px;
}
/*------------------------------------------->SLIDES */
#slidernews, #sliderprojects, #sliderfilms {
	overflow:hidden;
	position:relative;
	margin-right:16px;
}
#slidernews {
	padding-bottom:30px;
}
#sliderfilms {
	padding-bottom:100px;
}
#sliderprojects {
	min-height:644px;
}
.slideshow {
	margin-right:16px;
	position:relative;
	overflow:hidden;
	height:477px;
}
/*------------------------------------------->NEWS */

.brik {
}
.ssnew img {
	padding-bottom:32px;
	height:210px;
}
.single {
	width:274px !important;
	margin:0 16px 0 0;
	float:left;
}
.single:last-child {
    margin:0px !important;
}
.ssnew {
	height:500px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}
.ssnew p, .ssfilm p, .ssfilm2 p {
	margin-right:12px;
}
.fb-share-button {
	margin-top:20px;
}
/*------------------------------------------->FILMS */
.ssfilm {
	height:556px;
}
.ssfilm2 {
	height:526px;
}
.ssfilm img, .ssfilm2 img {
	width:274px;
	height: 386px;
	padding-bottom:16px;
}
.mfb {
	padding-bottom:76px!important;
}

/*------------------------------------------->ABOUT */
#about h2 {
	font-weight:300;
	margin-bottom:1em;
}
#about p {
	margin-right:12px;
}
.half, .halfmed {
	float:left;
	width: 580px;
	padding:0 0 48px 0;
	overflow:hidden;
}
.about div {
	width:274px;
	margin:0 16px 0 0;
	float:left;
}
#about p.green, #about p.yellow, #about p.blue{
	margin-bottom:0;
}
.video iframe, .videoe iframe {
	width: 564px;
	height: 317px;
}
.addbottom {
	padding-bottom:48px;
}
/*------------------------------------------->TEAM */
.ssteam {
	padding:0px;
	width:274px;
	margin:0 16px 48px 0;
	height:100px;
}
.portrait, portrait img {
	width:115px;
	height:115px;
}
.portrait {
	border-radius:57px;
	float:left;
	margin-right:16px;
}
.sstitreteam {
	width:143px;
	float:left;
	height:78px;
}
.sstitreteam span {
	display:block;
}
.sstitreteam a {
	color:#fff;
}
.sstitreteam a:hover {
	text-decoration:underline;
}
.social {
	display:inline-block;
	margin:12px 6px 0px 0px;
}
.titreteam{
	font-weight:300;
	margin-bottom:1.5em;
}
#team .single:last-child {
   margin:0 16px 48px 0 !important;
}
/*------------------------------------------->PARTENAIRES */
.sspartenaire {
	float:left;
	padding:0px;
	width:274px !important;
	margin:0 16px 16px 0;
	height:424px;
}
.sspartenaire a {
	color:#fff;
}
.sspartenaire p {
	margin-bottom:32px;
}
.txtpartenaire {
	margin-top:32px;
}
/*------------------------------------------->CONTACT */
.sscontact {
	float:left;
	padding:0px;
	width:274px;
	margin:0 16px 48px 0;
}
.sscontact h2 {
	font-weight:300;
}
.sscontact img {
	padding:32px 0px;
}
.sscontact p {
	margin-bottom:0.1em;
}
.halftier {
	margin-right: 306px !important;
}
.fb {
	position:absolute;
	top:0px;
	right:0px;
}
.fb img {
	padding:0;
}
/*------------------------------------------->FILTER */
#tri {
	padding:4px 0 50px 0;
}
.filter {
	display:inline;
	cursor:pointer;
	padding:1px 7px;
	margin-right:4px;
	line-height:26px;
	background-color:#DADAD9;
	margin-bottom:6px;
}
.filtred {
	opacity:0.3;
}
/*------------------------------------------->FOOTER */
#footer {
	background-color:#000;
	padding-bottom:48px;
}
#up {
	float: right;
  	position: relative;
  	bottom: 40px;
	cursor: pointer;
}
/*------------------------------------------->SINGLE */
.fiche h1 {
	font-weight:400;
	text-transform:uppercase;
}
.fiche p {
	margin:0 12px 0 0;
	line-height:1.75em;
}
.fiche {
	padding-bottom:48px;
}
.fiche strong {
	font-weight:400;
}
.line_t {
	margin-right:16px;
}
.sousfiche {
	margin:52px -16px 52px 0;
}
#logogris {
	position:fixed;
	left:50%;
	margin-left:-80px;
	top:50%;
	margin-top:-80px;
	width:160px;
	height:160px;
	z-index:0;
	opacity: 0.5;
}
#slideshow {
	margin-top:13px;
	height:441px;
}
#slideshow span {
	font-size: 12px;
}
#slideshow img {
	margin-bottom:24px;
}
#festivals div {
	width:274px;
	border-bottom: 1px dotted #000;
	margin-top: 10px;
  	margin-bottom: -10px;
}
.videoe {
	margin-top:16px;
}
.fix_hght_gal {
	/*height:554px;*/
}
/*------------------------------------------->HOVER */
.hoverplus {
	left:50%;
	position:relative;
	margin-left:-20px;
	top:125px;
	margin-top:-40px;
	opacity:0;
	-ms-transform: translate(0,20px);
   	-webkit-transform: translate(0,20px);
    transform: translate(0,20px);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	pointer-events:none;
	width:40px;
	height:40px;
}
.new:hover .hoverplus, .ssteam:hover .hoverplus {
	opacity:1;
	-ms-transform: translate(0,0);
   	-webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.haff {
	top:213px !important;
}
.hpar {
	top:178px !important;
}
.hpor {
	left:57px !important;
	top:70px !important;
	margin-left:-10px !important;
	margin-top:-20px !important;
	width:20px !important;
	height:20px !important;
}
/*------------------------------------------->SWIPER */
/**
 * Swiper 3.0.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: June 14, 2015
 */
.swiper-container {
	position:relative;
	width:100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;

}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  bottom: 0px;
  width: 40px;
  height: 40px;
  margin-top: -40px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 40px 40px;
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.25;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 2px;
  right: auto;
  background-image: url('/wp-content/themes/tarantula/images/left.png');
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 2px;
  left: auto;
  background-image: url('/wp-content/themes/tarantula/images/right.png');
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Cube */
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}
.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
  z-index: 0;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
  height: 5px;
  margin-right:16px;
  bottom:70px;
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}


/*------------------------------------------->MEDIA */
@media (max-width:768px){
	#icomenu {
		display:block;
	}
	.navsec {
		display:none;
	}
	.half, .halfmed {
		width:290px;
		overflow:hidden;
	}
	.video iframe, .videoe iframe {
		width: 274px;
		height: 154px;
	}
	.slideshow {
		width:274px;
		/*margin-bottom:48px;*/
		height:279px;
	}
	.slideshow img {
		width:274px!important;
		height:auto!important;
	}

	#logo {
		margin-left:-40px;
		top:50%;
		margin-top:-54px;
		width:80px;
		height:108px;
	}
	#logo img{
		width:80px;
		height:108px;
	}
	.filter {
		display:block;
		margin-right:16px;
	}
	.fix_hght_gal {
		/*height:340px;*/
	}
	#access {
		position:relative !important;
	}
}

@media(min-width:619px){
	.halftier {
		margin-right: 16px !important;
	}
	.half {
		width:580px;
	}
	.halfmed {
		width:580px;
	}
	.video iframe, .videoe iframe {
		width: 564px;
		height: 317px;
	}
	.slideshow {
		width:564px;
		margin-bottom:0px;
		height:477px;
	}
	.slideshow img {
		width:564px!important;
		height:auto!important;
	}
	.navsec {
		display:block;
	}
	#access {
		left:0;
		right:0;
	}
	.menutitle{
		margin:0 0 0 -6px;
	}
	#nav li {
 		font-size: 12px;
	}
	.filter {
		display:inline;
		margin-right:4px;
	}
	.fix_hght_gal {
		height:580px;
	}
}
@media(min-width:768px){
	#icomenu {
		display:none;
	}
	.halftier {
		margin-right: 16px !important;
	}
	.halfmed {
		width:580px;
	}
	
}
@media(min-width:909px){
	.halftier {
		margin-right: 306px !important;
	}
	.halfmed {
		width:290px;
	}
	.menutitle{
		margin:0 32px 0 -6px;
	}
	#nav li {
 		font-size: 16px;
	}

}
@media(min-width:992px){
	.halfmed {
		width:290px;
	}
}
@media(min-width:1200px){
	.halfmed {
		width:580px;
	}
	#access {
		width:inherit;
	}
}
@media only screen and (max-width:1198px) {
	.insection, #nav {
		width:864px;
	}
}
@media only screen and (max-width:908px) {
	.insection, #nav {
		width:564px;
	}
}
@media only screen and (max-width:618px) {
	.insection, #nav {
		width:274px;
	}
}