@import url(css/font-awesome.min.css);
/*@import url(css/jPushMenu.css);*/

@font-face {
  font-family: 'DERI';
  src: url('fonts/DidotElder-RomanIta.eot?#iefix') format('embedded-opentype'),  
  	   url('fonts/DidotElder-RomanIta.otf')  format('opentype'),
	   url('fonts/DidotElder-RomanIta.woff') format('woff'), 
	   url('fonts/DidotElder-RomanIta.ttf')  format('truetype'), 
	   url('fonts/DidotElder-RomanIta.svg#DidotElder-RomanIta') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DER';
  src: url('fonts/DidotElder-Roman.eot?#iefix') format('embedded-opentype'),  
       url('fonts/DidotElder-Roman.otf')  format('opentype'),
	   url('fonts/DidotElder-Roman.woff') format('woff'), 
	   url('fonts/DidotElder-Roman.ttf')  format('truetype'), 
	   url('fonts/DidotElder-Roman.svg#DidotElder-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DEBI';
  src: url('fonts/DidotElder-BoldIta.eot');
  src: url('fonts/DidotElder-BoldIta.eot?#iefix') format('embedded-opentype'),  
       url('fonts/DidotElder-BoldIta.otf')  format('opentype'),
	   url('fonts/DidotElder-BoldIta.woff') format('woff'), 
	   url('fonts/DidotElder-BoldIta.ttf')  format('truetype'), 
	   url('fonts/DidotElder-BoldIta.svg#DidotElder-BoldIta') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DEB';
  src: url('fonts/DidotElder-Bold.eot?#iefix') format('embedded-opentype'),  
       url('fonts/DidotElder-Bold.otf')  format('opentype'),
	   url('fonts/DidotElder-Bold.woff') format('woff'), 
	   url('fonts/DidotElder-Bold.ttf')  format('truetype'), 
	   url('fonts/DidotElder-Bold.svg#DidotElder-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FM';
  src: url('fonts/FuturaStd-Medium.eot');
  src: url('fonts/FuturaStd-Medium.woff2') format('woff2'),
       url('fonts/FuturaStd-Medium.woff') format('woff'),
       url('fonts/FuturaStd-Medium.ttf') format('truetype'),
       url('fonts/FuturaStd-Medium.svg#FuturaStd-Medium') format('svg'),
       url('fonts/FuturaStd-Medium.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FB';
  src: url('fonts/FuturaStd-Book.eot');
  src: url('fonts/FuturaStd-Book.woff2') format('woff2'),
       url('fonts/FuturaStd-Book.woff') format('woff'),
       url('fonts/FuturaStd-Book.ttf') format('truetype'),
       url('fonts/FuturaStd-Book.svg#FuturaStd-Book') format('svg'),
       url('fonts/FuturaStd-Book.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FL';
  src: url('fonts/FuturaStd-Light.eot');
  src: url('fonts/FuturaStd-Light.woff2') format('woff2'),
       url('fonts/FuturaStd-Light.woff') format('woff'),
       url('fonts/FuturaStd-Light.ttf') format('truetype'),
       url('fonts/FuturaStd-Light.svg#FuturaStd-Light') format('svg'),
       url('fonts/FuturaStd-Light.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}






a, a:hover, a:active, a:focus,
button, button:hover, button:active, button:focus {
   outline: 0 !important;
}

.grid img, .projectcnt img {
    width:100%; height:auto;
}
.funded img {
    max-width:100% !important; width: auto !important; height:auto;
}
body{
	background-color: transparent !important;
	overflow-x: hidden !important;
}
.site-inner{
	overflow-x: hidden !important;
}
header{
	/*height: 110px !important;*/
	/*position: relative;*/
	position: fixed;
	width: 100%;
	z-index: 5000 !important;
	margin-left: 14px !important;
	
}

	.headoffset{
		height: 100px;
	}
.header-image a img{
	padding: 20px 0px;
}
.container-fluid{
	/*margin-left: 0px !important;*/
}

div.hidden {
    display: none
}
.collapsing {
  -webkit-transition: height 0.01s;
  -moz-transition: height 0.01s;
  -ms-transition: height 0.01s;
  -o-transition: height 0.01s;
  transition: height 0.01s;
}
/* Start: Recommended Isotope styles */
 
/**** Isotope Filtering ****/
 
/*.isotope-item {
  z-index: 2;
}
 
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}*/
 
/**** Isotope CSS3 transitions ****/
/* 
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
 
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
 
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
 
/**** disabling Isotope CSS3 transitions ****!/
 
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
 
 .grid:after, .grid2:after {
   content: '';
   display: block;
   clear: both;
 }
  .grid .item:after,  .grid .item2:after {
   content: '';
   display: block;
   clear: both;
 }*/


.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
.padl15{
	padding-left: 15px !important;
}
.padr15{
	padding-right: 15px !important;
}
.showpcnt{
	display: none;
	position: absolute;
	background: #ffff00;
	width: 100%;
	z-index: 5;
	top: 0px;
	padding: 20px;
}
.showpcntin{
	max-width: 216px;
}
.psubttl{
	font-family: "DEBI";
	font-size: 14px;
	color: #000000;
	margin-bottom: 5px;
}
.pshortdesc{
	font-family: "DERI";
	font-size: 14px;
	color: #000000;
	
}
.projects .item{
	margin-bottom: 45px;
}

.pyear{
color: black;
font-family: 'FB' !important;
font-size: 14px;
line-height: 13px;	
}

#companysp{
	display: inline-block;
	border: 3px solid #e4007e !important;
	color: black;
	background: #ffffff;
	margin-bottom: 25px;
	max-width: 100%;
}
#companysp:hover{
	background: #e4007e;
}
.showcompin{
	padding: 20px 20px 10px 20px;
}
.calendarhp{
	/*margin-left: 15px;*/
	border-left: 3px solid #ffff00;
	padding: 0px 20px 0px 20px;
	/*background: #ffffff;*/
}
.calendarhp:hover{
	/*background: #ffff00;*/
	border-left: 3px solid rgb(228, 0, 126);
	text-decoration: none !important; 
}
.clink:hover{
	text-decoration: none !important;
}
.cevent{
	margin-bottom: 38px;
	text-decoration: none;
	color: #000000;
}
.cdate{
	font-family: "FB";
	font-size: 14px;
	/*margin-bottom: 15px;*/
	margin-bottom: 0px;
	color: #e4007e;
}
.cttl{
	font-family: "FB";
	font-size: 14px;
	text-transform: uppercase;
}
.cttl h4 img, .cttl h4{
	display: inline-block;
	vertical-align: text-bottom;
}
.cttl h4 img{
	padding-right: 10px;
	line-height: 16px;
}
.cttl h4{
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 0px !important;
}
.ccnt, .cvenue{
	font-family: "DERI";
	font-size: 14px;
	
}
.ndate{
	font-family: "FL";
	font-size: 10px;
	margin-bottom: 10px;
	color: #000;
}

.nttl{
	font-family: "DEBI";
	font-size: 14px;
	margin-bottom: 5px;
}

.ncnt, .showmepanel{
	font-family: "DERI";
	font-size: 14px;
	/*margin-bottom: 10px;*/
}
/*.ncnt p{
	margin: 0px !important;
}*/
.showmepanel{
	z-index: 3000;
}
.showmebtn{
	margin-top: 3px;
}
.showmebtn, .showmebtn img{
	display: inline-block;
	vertical-align: text-bottom;
}
.showmebtn img{
	padding-right: 10px;
	line-height: 16px;
	width: auto !important;
	height: auto !important;
}
.showmebtn, .showmebtn:hover, .showmebtn:active, .showmebtn:focus, .showmebtn:visited{
	font-family: "DEB";
	font-size: 14px;
	color: rgb(228, 0, 126);
	text-decoration: none;
}
.showmetxt{
	padding-bottom: 15px;
}

.kkttl{
	font-family: "FB";
	font-size: 14px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.kemails, .kemails a, .kemails a:hover{

	font-family: "DEB";
	font-size: 12px;
	color: rgb(228, 0, 126);
	text-decoration: none;
	display: block;
}

a, a:hover{
	font-family: "DEB";
	font-size: 14px;
	color: rgb(228, 0, 126);
	text-decoration: none;
}


/*

.project{
	display: flex;
	flex-wrap: wrap;
}
/*.castfield, .videocnt, .pdfcnt, .sponsorsclm, .gallerycarousel{
  display: flex;
  flex: 0;
}*!/

.fi{
    display: flex;
    flex: 0 0 20%;
}
.castfield, .pdfcnt, .sponsorsclm{
  flex: 1;
}


/*.soundplayer{ order: 3; }*!/
.videocnt{ order: 1; }
.gallerycarousel{ order: 2; }
.pdfcnt{ order: 3; }
.sponsorsclm{ order: 4; }
.castfield{ order: 5; }*/
.mobi{
	display: none;
}
.dsk{
	display: inline-block;
}
@media all and (max-width: 839px) {
  .mobi{
  	display: inline-block;
  }
  .dsk{
  	display: none;
  }
}






.project h1{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	color: black;
	font-family: 'DEBI' !important;
	font-size: 32px;
	line-height: 36px;
	text-transform: uppercase;
}
.castfield{
	padding-left: 20px;
	font-family: "DERI";
	font-size: 14px;
	border-left: 1px solid #c8c8c8;
}
.castfield strong{
	font-family: "DEBI";
	font-size: 14px;
	font-weight: normal !important;
}
.sponsorsblk, .ppdf, .sponsors{
	background: #fff;
}
.wp-playlist, .wp-playlist .mejs-container, .mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body, .wp-playlist-light .wp-playlist-playing{
	background: transparent !important;
}
.sponsorsblk{
	padding: 20px;
}
.sponsors{
	padding: 20px;
	border: 1px solid #c8c8c8;
}
.sponsorsdate{
	font-family: "FL";
	font-size: 10px;
	margin-bottom: 10px;
}
.sponsorstitle{
	font-family: "DEBI";
	font-size: 14px;
	margin-bottom: 5px;
}
.mt10{
	margin-top: 10px;
}
.sponsorscnt, .sponsorscnt a{
	font-family: "DERI";
	font-size: 14px;
}
.sponsorscnt strong, .showmetxt strong{
	font-family: "DEBI";
	font-size: 14px;
	font-weight: normal !important;
	
}
.sponsorsimages{
	margin-top: 30px;
}
.sponsorsimages p{
	text-align: center !important;
}
.sponsorsimages p:not(:last-child):after{
	content: url(assets/imageseparator.png);
	display: block;
	margin: 20px 0px;
	
}

.sponsorsimages p img{
	filter: grayscale(100%);
}
.sponsorsimages p img:hover{
	filter: grayscale(0%);
}
.videocarousel{
	margin-bottom: 20px;
	border: 3px solid #e6007e;
}



.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 103% !important;
    /*z-index: 0 !important;*/
}
iframe, object, embed{
/*z-index: 0 !important;*/
}

.isexpanded{
  /*height: 400px;*/
  /*border: 1px solid #ff0000 !important;*/
}

.isexpanded {
  z-index: 2;
}


#exTab1 ul{
	margin-left: 5px !important;
}

#exTab1 .nav>li>a{
    position: relative;
    
    color: #fff;
    font-family: "FB";
    font-size: 12px;
    padding: 3px 9px;
    border-radius: 0px;
        	-webkit-transform: skew(20deg);
        	   -moz-transform: skew(20deg);
        	     -o-transform: skew(20deg);
        	
}
#exTab1 .nav>li{
    	-webkit-transform: skew(-20deg);
    	   -moz-transform: skew(-20deg);
    	     -o-transform: skew(-20deg);
    	
    	background-color: #c8c8c8; 
}
#exTab1 .nav>li>a:hover,#exTab1  .nav>li>a:focus {
    color: rgb(228, 0, 126);
    text-decoration: none;
    background-color: transparent; 
}


#exTab1 .nav-pills>li.active>a,#exTab1  .nav-pills>li.active>a:hover, #exTab1 .nav-pills>li.active>a:focus {
    color: rgb(228, 0, 126);
    background-color: transparent; 
}

.videooverlay{
	top: 0px;
	position: relative;
	max-width: 100%;
}
.playvideo img{
position: absolute;
/*top: 40%;
left: 40%;*/
top: 41%;
left: 45%;
}
.playvideo img:hover{
	-webkit-filter: brightness(0) invert(1);
	  filter: brightness(0) invert(1);
}
#videocnt1, #videocnt2, #videocnt3, #videocnt4{
	display: none;
}
.gallerycarousel{
	margin-bottom: 20px;
	border: 1px solid #c8c8c8;
}
.carousel {
  height: 275px;
  margin-bottom: 0px;
}
/*
.overlay1 img, .overlay2 img, .overlay3 img, .overlay4 img{
	
} */


/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

.carousel > .item > img,
.carousel > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 275px;
  background-color: #777;
  object-fit: contain;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  /*height: 500px;*/
}

.carousel.fade {
  opacity: 1;
}
.carousel.fade .item {
  transition: opacity ease-out 2s;
  left: 0;
  opacity: 0; /* hide all slides */
  top: 0;
  position: absolute;
  width: 100%;
  display: block;
}
.carousel.fade .item:first-child {
  top: auto;
  opacity: 1; /* show first slide */
  position: relative;
}
.carousel.fade .item.active {
  opacity: 1;
}

.carousel-indicators{
	position: absolute;
	bottom: -10px;
	left: 0%;
	z-index: 15;
	width: 100%;
	margin-left: 0px;
	padding: 5px 0px 5px 20px;
	list-style: none;
	text-align: left;
	
	background-color: rgba(0, 0, 0, 0.4);
	/*background: pink;*/
}
.carousel-indicators li {
    display: inline-block;
    width: 7px;
    height: 16px;
    margin: 0px;
    margin-top: 3px !important;
    text-indent: -999px;
    border: none;
    border-radius: 0px;
    cursor: pointer;
    background-color: transparent;
    background: url('assets/dropdownslash.png') !important;
    padding: 0;
}
.carousel-indicators .active {
    margin: 0;
    background: transparent;
    width: 7px;
    height: 16px;
    background: url('assets/pinkslash.png') !important;
}
.opengallery{
	position: absolute;
	right: 20px;
	line-height: 20px
}

#swipebox-arrows {
	position: absolute !important;
	/*top: 50% !important;*/
    display: block;
    top: 0px !important;
    right: 0px;
    width: 60px !important;
    height: 100%;
    background: #cccccc;
    /*margin: 0 auto;
    width: 100%;
    height: 50px;*/
}
#swipebox-slider{
  }
#swipebox-slider .slide .swipebox-inline-container, 
#swipebox-slider .slide .swipebox-video-container, 
#swipebox-slider .slide img {
    max-width: 95.6% !important;
    margin-right: 60px;
}
#swipebox-overlay {
    background: #ffffff !important;
}
#swipebox-slider .slide img {
	padding: 0px 50px !important;
	/*max-width: 930px !important;*/
}
#swipebox-bottom-bar, #swipebox-top-bar {
    text-shadow: 1px 1px 1px #ffffff !important;
    /*background: #ffffff !important;*/
    background: none !important;
}

#swipebox-title{
	display: none !important;
}
#swipebox-arrows {
   /* width: 100% !important;
    max-width: 100% !important;*/
    /*    height: 24px !important;*/
}
/*#swipebox-close, #swipebox-next, #swipebox-prev {
    height: 24px !important;
    width: 24px !important;
}*/

#swipebox-bottom-bar{
	display: none;
}
#swipebox-arrows-inner{
	position: absolute;

  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#swipebox-close, #swipebox-next, #swipebox-prev {
width: 50px;
height: 50px;
}
#swipebox-close:hover, #swipebox-next:hover, #swipebox-prev:hover {
    /*background-image: url(../assets/swipebox/img/icons.png) !important;*/
    background-repeat: no-repeat;
    border: none!important;
    text-decoration: none!important;
    cursor: pointer;
    width: 50px;
    height: 50px;
    top: 0;
}
#swipebox-prev, #swipebox-prev:hover{
    background-position: -23px 25px;
    float: left !important;
        margin-top: -30px;
}
#swipebox-next, #swipebox-next:hover{
    background-position: -66px 25px;
    float: right !important;
        margin-top: -25px;
}
/*#swipebox-prev:hover {
    background-position: -32px 13px;
    float: left;
}
#swipebox-next:hover {
    background-position: -78px 13px;
    float: right;
}*/


.swipebox-indicators{
	list-style-type: none;
	bottom: -15px;
	position: relative;
} 
.swipebox-indicators li{
	display: block;
	background-image: url(assets/swipebox/img/indicators.png) !important;
	/*background-position: 0px 10px;*/
	width: 34px;
	height: 10px;
	/*float: left;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right: 10px;
	border: 1px solid #555e2d;
	background: #555e2d;*/
}
.swipebox-indicators li.active{
	background-position: 0px 10px;
	/*border: 1px solid #e95a0c;
	background: #e95a0c;*/
} 








.projects{
	background: #fff;
}
.cath1{
	margin-bottom: 20px !important;
	color: black;
	font-family: 'DEBI' !important;
	font-size: 32px;
	text-transform: uppercase;
}
.projects h1{
	margin-top: 20px;
	margin-bottom: 0px !important;
	color: black;
	font-family: 'DEBI' !important;
	font-size: 27px;
	line-height: 28px;
	text-transform: uppercase;
	padding-left:2px;
	    /*padding-left: 3px;*/
}
.entry-title{
	margin-bottom: 40px !important;
	color: black;
	font-family: 'DEBI' !important;
	font-size: 25px;
	line-height: 21px;
	margin-top: 0px !important;
}
.projects p{
	color: black;
	font-family: 'DERI' !important;
	font-size: 14px;
	line-height: inherit;
	margin-top: 10px;
	margin-bottom: 40px;
}
.kkitem img{
	border-left: 2px solid #C8C8C8;
	border-right: 2px solid #C8C8C8;
	border-top: 2px solid #C8C8C8;	
}
.kkitem .brd{
	border-left: 2px solid #C8C8C8;
	border-right: 2px solid #C8C8C8;
	border-bottom: 2px solid #C8C8C8;
}
a.showmebtn img{
	border-left: none;
	border-right: none;
	border-top: none;		
}
.grid-item.nitem, .nitem{
	border: 2px solid #C8C8C8;
	margin-bottom: 25px;
}
.brd{
	/*border-left: 2px solid #C8C8C8;
	border-right: 2px solid #C8C8C8;
	border-bottom: 2px solid #C8C8C8;*/
	/*margin-bottom: 25px;*/
	/*padding: 20px;*/
	padding: 20px 20px 15px 20px;
	background: #fff;
}
.brdred{
	border: 5px solid #FF0000;
	background: #fff;
}
.news h2,.profile h2,.profilehp h2,.contact h2,.imprint h2{
	margin-top: 10px;
	margin-bottom: 10px !important;
	color: black;
	font-family: 'DEBI' !important;
	font-size: 18px;
	line-height: default;
}
.news p, .profile p, .profilehp p, .contact p, .imprint p{
	color: black;
	font-family: 'DERI' !important;
	font-size: 14px;
	line-height: inherit;
}
.profile p, .profile h2, .profilehp p, .profilehp h2, .contact p, .contact h2, .imprint p, .imprint h2{
	padding: 0px 5px;
}
.profile h2, .profilehp h2, .contact h2, .contact h2, .imprint h2, .imprint h2{
	margin-top: 20px !important;
}
.profilehp{
	border: 5px solid #C1C1BC;
	background: #fff;
	margin-bottom: 20px;
}
.profile, .contact, .imprint{
	border: 1px solid rgba(180, 180, 181, .3);
	background: #fff;
	margin-bottom: 20px;
}
.desc, .cast, .events{
	background: rgba(255, 255, 255, .4);
	padding: 0px 10px;
	margin-top: 20px;
}
.desc, .lft{
	margin-right: 20px;
}
.cast, .events, .rgt{
	margin-left: 20px;
}
.desc, .cast{
	border: 1px solid rgba(180, 180, 181, .3);
}
.events{
	border: 5px solid rgba(180, 180, 181, .3);
}
.desc h2, .cast h2, .events h2{
	margin-top: 10px;
	margin-bottom: 10px !important;
	color: black;
	font-family: 'DEBI' !important;
	font-size: 18px;
	line-height: inherit;	
}
.desc p, .cast p, .events p{
	color: black;
	font-family: 'DERI' !important;
	font-size: 14px;
	line-height: inherit;	
}
.mt{
	margin-top: 20px;
}
.downp{
	background: rgba(255, 255, 255, .4);
}
.brds{
	border: 1px solid rgba(180, 180, 181, .3);
}
.downp h2{
	margin-top: 15px;
	margin-bottom: 15px !important;
	padding-left: 10px;
	color: #B4B4B4;
	font-family: 'DEBI' !important;
	font-size: 18px;
	line-height: default;	
}
.downp a:hover{ text-decoration: none !important; }

.rside{
	/*padding-left: 20px;	*/
	float: left;
	/*margin-left: 12px;*/
	margin-left: 18px;
	position: fixed !important;
}

.ppdf{
	border: 3px solid #ffff00;
	margin-bottom: 25px;
}
.ppdf img{
	display: inline-block;
	vertical-align: bottom;
}
.ppdfa, .ppdfa:focus, .ppdfa:visited, .ppdfa:active{
	/*display: inline-block !important;*/
	display: block !important;
	/*padding: 15px 20px 20px 20px !important;*/
	padding: 15px 20px 15px 40px !important;
	font-family: "FB";
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	text-decoration: none;
	color: #e6007e;
}
.ppdfa:hover{
	color: #000;font-family: "FB";
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
}
.ppdfa:before{
	content: url(assets/downloadpink.png);
	position: absolute;
	margin-top: 0px;
	margin-left: -20px;
	display: block;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
ul.primary-menu{
	margin: 0px !important;
	display: flex;
	z-index: 1;
	/*background-color: #ffff00;*/
	height: 40px !important;
	border-radius: 0px;
	margin-top: -1px !important;
	
	border-bottom: 40px solid #ffff00;
	border-left: 15px solid transparent;
	border-right: 0px solid transparent;
	padding-left: 50px;
	
}
.site-header{
	padding: 0px !important;
}
.container-fluid.menucnt{
	padding-left: 0px;
	padding-right: 0px;
}
.navbar {
    min-height: 40px;
    /*margin-bottom: 60px;*/
}
.navbar-collapse {
	padding: 0px !important;
}
.navbar-brand {
    float: left;
    display: inline-block;
    padding: 0px 0px 0px 15px !important;
    font-size: 18px;
    line-height: 20px;
    height: 20px;
    z-index: 1000;
}
.navbar-brand>img{
	height: 40px !important;
	width: auto;
}
.dropdown-toggle:after {
	display: inline-block;
	content: url(assets/navi_show_projects.png);
	border: 0 solid transparent;
	border-left-width: 0px;
	text-align: right !important;
	line-height: 40px !important;
	padding-top: 2px;
	/*padding-left: 6px;*/
	padding-left: 0px;
	width: 0px;
}
.dropdown-toggle:hover:after {
	display: inline-block;
	content: url(assets/navi_show_projects_hover.png);
	border: 0 solid transparent;
	border-left-width: 0px;
	text-align: right !important;
	line-height: 40px !important;
}


ul.primary-menu li a{
	border: none;
	padding: 0 !important;
	color: black;
	font-family: "FM";
	text-transform: uppercase;
	font-size: 12px;
	line-height: 40px;
	padding-left: 15px;
}
ul.primary-menu li:not(:first-child):before {
    content: url(assets/backslash.png);
    color: #e4007e;
    padding-right: 20px;
    display: inline-block;
    vertical-align: sub;
}
ul.primary-menu li:nth-child(2):before {
    content: "" !important;
    color: #e4007e;
    padding-right: 0px !important;
    display: inline-block;
    vertical-align: sub;
}

ul.primary-menu li:first-child, ul.primary-menu li:first-child a{
	padding: 0px !important;
}
ul.primary-menu li:nth-child(2), ul.primary-menu li:nth-child(2) a{
	padding-right: 0px !important;
	padding: 0px !important;
}
ul.primary-menu li:nth-child(2) a, ul.primary-menu li:nth-child(2) a:hover, ul.primary-menu li:nth-child(2) a:focus{
	color: transparent;
	padding: 0px !important;
	
}

ul.primary-menu li:first-child{
    /*padding-right: 50px;*/
}
ul.primary-menu li{
	border: none;
	display: inline-block;
	padding-right: 20px;
	
}
.nav>li>a {
    position: relative;
    display: inline-flex;
    /* padding: 10px 15px; */
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: transparent !important;
    /* border-color: #337ab7; */
}
.nav .open>a.dropdown-toggle:after{
	content: url(assets/navi_hide_projects.png);
}
.dropdown-toggle {
    height: auto !important;
}


ul.dropdown-menu {
    position: absolute;
    top:40px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 16px;
    text-align: left;
    background-color: transparent;
    border: 0px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    
    
    z-index: 1;
    height: 25px !important;
    /*margin-top: -2px !important;*/
    margin-top: 0px !important;
    /*margin-left: -70px;*/
    margin-left: -125px;
    
    border-bottom: 25px solid #e4007e;
    border-left: 8px solid transparent;
    border-right: 0px solid transparent;
    padding-left: 60px;
}
ul.dropdown-menu li{
	padding-top: 2px;
	line-height: 25px !important;
	vertical-align: bottom;
	display: inline-flex;
	padding-right: 6px !important;
}
ul.dropdown-menu li:first-child{
    padding-right: 6px;
}
/*ul.dropdown-menu li a::first-letter {
    text-transform: uppercase;
}*/
ul.dropdown-menu li a{
	border: none;
	padding: 0 !important;
	color: white !important;
	font-family: "DERI" !important;
	/*text-transform: lowercase;*/
	text-transform: none;
	font-size: 14px;
	line-height: 25px !important;
	padding-left: 15px;
}
ul.dropdown-menu li:not(:first-child):before {
    content: url(assets/dropdownslash.png) !important;
    color: #ffffff;
    padding-right: 10px !important;
    display: inline-flex;
}
ul.dropdown-menu li:last-child{
	text-align: right;
	float: right;
} 
ul.dropdown-menu li:last-child a::first-letter{ text-transform: lowercase !important; }
ul.dropdown-menu li:last-child:before{ content: "" !important; }

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color: transparent !important;
}


#socialnavi{
	position: fixed;
	right: 0px;
	top: 40%;
}
#socialnavi ul {
    list-style: none;
    margin: 0px;
    text-align: center;
}
#socialnavi ul li {
    float: none;
    text-align: center;
	-webkit-transform: skewY(10deg);
	-moz-transform: skewY(10deg);
	-o-transform: skewY(10deg);
	width: 40px;
	height: 40px;
}
#socialnavi ul li:not(:last-child){
	border-bottom: 1px solid #e4007e;
}
#socialnavi ul li:hover{
	background: #e4007e;
}
#socialnavi ul li a{
	-webkit-transform: skewY(-10deg);
	-moz-transform: skewY(-10deg);
	-o-transform: skewY(-10deg);
	padding: 10px 0px;
}
.social-navigation a:hover:before, .social-navigation a:focus:before,
#socialnavi ul li a:hover{
	color: #000 !important;
}
#socialnavi ul li a, #socialnavi ul li a:before{
margin: 0 auto;
text-align: center;
}

ul#filters, ul.primary-menu{
	list-style-type: none;
	/*padding-left: 20px;	*/
}
ul#filters li{
	border: none;
	/*padding: 0px;*/
	display: inline-block;
	/*padding: 0px 15px;*/
	/*display: block !important;
	width: 100% !important;*/
	
}
ul#filters li a{
	border: none;
	padding: 0 !important;
	color: black;
	font-family: "DEB";
	font-size: 18px;
	line-height: 15.6px;
}
ul#filters li a:hover, ul#filters li a.selected, #social-navigation:hover,
ul.primary-menu li a:hover, ul.primary-menu li a:focus, ul.primary-menu li:hover a, ul.primary-menu li:focus a, ul.primary-menu li.current-menu-item a{color: #e4007e;text-decoration: none;font-weight: normal;background: none;
}


#social-navigation{
	margin-top: 94px;
	padding-left: 10px;	
}
ul#menu-social li a:hover, ul#menu-social li a:focus{ color: #b4b4b4 !important; }
.nom{
	margin-left: 0px !important;
	margin-right: 0px !important;
}

/*p a{ color: #b4b4b4 !important; }
p a:hover{ color: #000000 !important;}*/

.lg, #rsidebar.lg{
	float: right;
	display: inline-block;
	top: 0px;
	right: 0px;
	position: absolute;
	z-index: 100;
	
	/*display: none !important;*/
}
.lng, #rsidebar .lng{
	border: none;
	padding: 0 !important;
	color: black;
	font-family: "FM";
	font-size: 12px;
	line-height: 40px;	
	text-transform: uppercase;
	
}
.lng.activelg{
	color: #e4007e;
}
a.lng:first-child:after, #rsidebar a.lng:first-child:after{ content: " / "; color: #000000; }
.lng:hover, #rsidebar .lng:hover{
	text-decoration: none; color: #e4007e;
	font-family: "FM";
	font-size: 12px;
	line-height: 40px;	
}
/*.lg, #rsidebar.lg{
	margin-top: 30px;
	margin-left: 10px;
}
.lng, #rsidebar .lng{
	border: none;
	padding: 0 !important;
	color: black;
	font-family: "DERI";
	font-size: 18px;
	line-height: 15.6px;	
	text-transform: uppercase;
	
}
a.lng:first-child:after, #rsidebar a.lng:first-child:after{ content: " / "; }
.lng:hover, #rsidebar .lng:hover{
	text-decoration: none; color: #b4b4b4;
}*/











.tribe-events-loop{
	/*padding-left: 20px;*/
}
.tribe-events-list-separator-month{
	display: block;
	margin: 20px 0px !important;
	color: black;
	font-family: 'FB' !important;
	font-size: 14px;
	padding-bottom: 15px;
	line-height: inherit;	
	text-transform: uppercase;
	border-bottom: 3px solid #ffff00;
}
.tribe-events-page-title{
	display: none;
}

#tribe-events-pg-template{
	border: 5px solid rgba(180, 180, 181, .3) !important;
	/*padding: 10px !important;*/
	border: 0px solid #fff !important;
}

p.tribe-events-list-event-title, p.tribe-event-schedule-details, p.tribe-events-list-event-description, .tribe-events-venue-details, .tribe-events-address, .type-tribe_events p, .tribe-events-address{
	float: left;
	display: inline-block;
	color: black;
	/*font-family: 'DEB' !important;*/
	font-size: 14px;
	line-height: 24px;	
	/*width: 260px;*/
}
p.tribe-events-list-event-title{
	width: 280px !important;
}
p.tribe-event-schedule-details{
	/*width: 65px !important;*/
	width: 135px !important;
}
p.tribe-events-list-event-description{
	width: 180px !important;
}
p.tribe-events-venue-details, .tribe-events-address{
	/*padding-left: 20px;*/
	/*width: 220px !important;*/
	width: 70% !important;
	line-height: 24px;	
}
.tribe-events-list .tribe-events-venue-details {
    
    line-height: 24px;
}

.tribe-region{
	display: none;
}
.tribe-events-sub-nav{
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	color: black;
	font-family: 'DERI' !important;
	font-size: 18px;
	line-height: 24px;	
}
.tribe-events-sub-nav a{
	color: black;
}
.tribe-events-sub-nav a:hover{
	text-decoration: none;color: #b4b4b4;
}


.eday{
	display: inline-block;
	/*width: 60px;*/
	font-family: "FB";
	font-size: 21px;
	color: #e6007e;
}
.cal, .cal p{
	font-family: "FL" !important;
	font-size: 14px !important;
}
.cal, .cal p, .cal3, .cal3 p,.cal22, .cal22 p{
	font-family: "FL" !important;
	font-size: 14px !important;line-height:24px !important;
}
.cal3 a, .cal3 a:hover, .cal3 a:focus, .cal3 a:visited{
	font-family: "FL" !important;
	font-size: 14px !important;line-height:24px !important;    color: rgb(228, 0, 126);
	text-decoration: none;
}
.cal2, .cal2 p, .cal4, .cal4 p{
	font-family: "FM";
	font-size: 14px;line-height:24px !important;
}
.wid50{
	display: inline-block; width: 50%; float: left;
}
.spcalright{
	display: inline-block; float: right; text-align: left; width: 50%;
}
.spcalleft{
	display: inline-block; float: right; text-align: right;
}

.eday{ width: 35%;
		display: inline-block; 
		float: left; text-align: left; }
.cal .spcalleft {
		width: 50%;
		margin-right: 10px;
		display: inline-block; 
		float: left; text-align: left;
	}


#btnmenu, #rsidebar{
	display: none;
}

.ms-footer{
	position: relative;
	margin-bottom: 30px !important;
	border-top: 1px solid rgb(145, 145, 145);
	max-width: 100%;
	padding: 0px !important;
	margin: 0px 15px;
	max-width: 216px;
}
.ms-footer span{
	font-family: "FL";
	padding-top: 10px;
	display: inline-block;
	/*border-top: 1px solid rgb(145, 145, 145);*/
	font-size: 13px;
	color: #000;
}
.ms-footer a{
	text-decoration: none;
	font-family: "FM";
	font-size: 13px;
	color: #000;
	padding: 0px;
}

#page{
	margin-top: 20px;
	margin-left: 45px;
}
.container{
	/*margin-left: 20px;*/
}
footer{
	margin-top: 60px;
	margin-bottom: 30px !important;
}

.soundplayer{
	margin-top: 10px;
}
.wp-playlist {
    border: 0px solid #ccc;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
}
.wp-playlist-current-item, .wp-playlist-item-length,
.wp-playlist-current-item, .wp-playlist-item-length, 
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-time .mejs-currenttime-container, .mejs-currenttime, .mejs-time-float,
.mejs-controls .mejs-volume-button{
	display: none !important;
}
.wp-playlist-item{
	border: none;
}
span.wp-playlist-item-title{
	background: transparent !important;
}
.mejs-controls{
	background: #fff !important;
}


/*.mejs-container .mejs-controls div {
    list-style-type: none;
    background-image: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 100px;
    height: 26px;
}
.mejs-button.mejs-playpause-button.mejs-play{
	width: 100% !important;
}
.mejs-controls div.mejs-time-rail{
	height: 30px;
}
.wp-playlist .mejs-container, .mejs-container .mejs-controls{
	height: 60px;
}*/
.mejs-duration{
	font-family: "FB";
	font-size:10px;
	color: #000;
}
.mejs-controls div.mejs-time-rail{
	margin-top: 4px;
	margin-left: -10px;
}
.wp-playlist-item .wp-playlist-caption, .wp-playlist-item .wp-playlist-caption:hover{
	font-family: "FB" !important;
	font-size:14px;
	padding: 0px;
	margin: 0px;
	color: #000;
}
.wp-playlist-playing{
	font-weight: normal !important;
}
.wp-playlist-light .wp-playlist-playing,
.wp-playlist-light .wp-playlist-playing .wp-playlist-caption, 
.wp-playlist-light .wp-playlist-playing .wp-playlist-caption:hover{
	color: #e6007e !important;
}
.mejs-container .mejs-controls .mejs-time,
.mejs-time .mejs-currenttime-container{
	color: #000 !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-time-rail .mejs-time-total{
	background: #000 !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-time-rail .mejs-time-loaded{
	background: #000;
}
.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a{
	height: 2px !important;
	line-height: 10px;
}
.mejs-controls .mejs-time-rail .mejs-time-current{
	background: #e6007e;
	height: 10px;
}
.mejs-controls .mejs-button button{
	background: transparent url(assets/controls.png) no-repeat;
	margin: 7px 0px;
}
.mejs-controls .mejs-play button{
	background-position: 0 0 !important;
}
.mejs-controls .mejs-pause button{
	background-position: 0 -16px;
}



/*----------------- MEDIEN STYLES BEGIN-----------------------*/
.grid {
	/*max-width: 10%;*/
	
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-item {
  width: 216px;
  min-height: 253px;
  float: left;
  margin-bottom: 30px !important;
}

.square{
  width:216px;
  /*min-height: 253px;*/
  min-height: 222px;
  overflow: hidden;
}

.square-prm{
  width:216px;
  min-height: 16vw ;
  overflow: hidden;
}

@media screen and (min-width: 1440px) and (max-width: 1599px) { 
	
	.grid-item.square-prm{
	  width:216px;
	  min-height: 20vw ;
	}
}


@media screen and (min-width: 1280px) and (max-width: 1439px) { 
	
	.grid-item.square-prm{
	  width:216px;
	  min-height: 22vw ;
	}
}

@media screen and (min-width: 960px) and (max-width: 1279px) { 
	
	.grid-item.square-prm{
	  width:200px;
	  min-height: 28vw ;
	}
}

@media screen and (min-width: 640px) and (max-width: 959px) { 
	
	.grid-item.square-prm{
	  width:175px;
	  min-height: 34vw;
	}
}

@media screen and (min-width: 480px) and (max-width:639px) { 
	
	.grid-item.square-prm{
	  width:175px;
	  min-height: 240px;
	}
}


@media screen and (max-width: 479px) { 
	
	.grid-item.square-prm{
	  width:100% !important;
	  min-height: 100vw;
	}
}


.squarem{
  width:216px;
  min-height: 216px;
  overflow: hidden;
}
.doublesquare{
  width:462px;
  min-height: 405px;
  overflow: hidden;
}
.doublewidth{
  width:462px;
  min-height: 222px;
  overflow: hidden;
} 
.doubleheight{
  width:216px;
 /* min-height: 379px;*/
  min-height: 346px;
  overflow: hidden;
}

.cc-square {
  width: 216px;
  height: 162px;
  overflow:hidden;
}
.cc-squarem {
  width: 216px;
  height: 216px;
  overflow:hidden;
}
.cc-doublesquare {
  width: 462px;
  height: 346px;
  overflow:hidden;
}
.cc-doublewidth {
  width: 462px;
  height: 162px;
  overflow:hidden;
}
.cc-doubleheight {
  width: 216px;
  height: 288px;
  overflow:hidden;
}
.cc-doublesquare img, .cc-square img{
  height: 100%;
  min-width: 100%;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}
.cc-doublewidth img{
  min-height: 100%;
  width: 100%;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}
.cc-doubleheight img{
  height: 100%;
  max-width: none !important;
  min-width: 100% !important;
  width: auto !important;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}

.cc-squarem.hor img{
 /* height: 100% !important;
  width: auto !important;
  left: 50%;
  position: relative;
  transform: translateX(-50%);*/
  height: 216px;
  min-width: 100% !important;
  width: auto !important;
  max-width: none !important;
  /*width: auto !important;*/
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}
.cc-squarem.vert img{
  width: 100%;
  min-height: 100% !important;
  height: auto !important;
  max-height: none !important;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}

.mgicon{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 25px;
	height: 25px;
	z-index: 1000;
}

.panel-heading a:after {
    content: url(assets/uploadpink.png);    
    float: right;
}
.panel-heading a.collapsed:after {    
    content: url(assets/downloadpink.png);    
}
#blog-accordion,
#blog-accordion .panel,
#blog-accordion .panel-heading,
#blog-accordion .panel-heading a,
#blog-accordion .panel-title,
#blog-accordion .panel-title a,
#blog-accordion .panel-body,
#blog-accordion .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-radius: 0px !important;
  box-shadow: none !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}
.panel-heading a, .panel-heading a:hover, .panel-heading a:visited, .panel-heading a:focus{
	font-size: 14px;
	font-family: "FB";
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	margin-bottom: 10px;
}
.panel-body a, .panel-body a:visited, .panel-body a:focus{
	font-size: 14px;
	font-family: "FB";
	text-transform: capitalize;
	text-decoration: none;
	color: #000;
	display: block;
	border-bottom: 1px solid #cccccc;
	padding: 10px 0px 10px 20px;
}
.panel-body a:hover, .panel-body a.active{
	color: #e6007e;
}
.panel-body a:first-child{
	border-top: 1px solid #cccccc;
}
/*
.cc-squarem.hor img{
  height: 100% !important;
  min-width: 100%;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}
.cc-squarem.vert img{
  min-height: 100%;
  width: 100% !important;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}*/
/*--- A ---*/
@media screen and (min-width: 1280px){ 
	.container {
	    width: 1230px !important;
	}
}


/*--- B ---*/
@media screen and (min-width: 960px) and (max-width: 1279px) { 
	.container {
	    width: 905px !important;
	}
	.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5,.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{
		padding-left:12.5px !important;padding-right:12.5px !important;
	}
	.ms-footer{
		margin-bottom: 20px;
		margin: 0px 12.5px;
	}
	
	.grid-item {
	  width: 201px;
	  min-height: 220px;
	  float: left;
	  margin-bottom: 20px !important;
	}
	
	.square{
	  width:201px;
	  /*min-height: 253px;*/
	  min-height: 220px;
	  overflow: hidden;
	}
	.doublesquare{
	  width:427px;
	  min-height: 377px;
	  overflow: hidden;
	}
	.doublewidth{
	  width:427px;
	  min-height: 205px;
	  overflow: hidden;
	} 
	.doubleheight{
	  width:201px;
	 /* min-height: 379px;*/
	  min-height: 330px;
	  overflow: hidden;
	}
	
	.cc-square {
	  width: 201px;
	  height: 150px;
	  overflow:hidden;
	}
	.cc-doublesquare {
	  width: 427px;
	  height: 320px;
	  overflow:hidden;
	}
	.cc-doublewidth {
	  width: 427px;
	  height: 150px;
	  overflow:hidden;
	}
	.cc-doubleheight {
	  width: 201px;
	  height: 268px;
	  overflow:hidden;
	}
	
	.squarem{
	  width:216px;
	  min-height: 216px;
	  overflow: hidden;
	}
	.cc-squarem {
	  width: 216px;
	  height: 216px;
	  overflow:hidden;
	}
	
	.cc-squarem.hor img{
	  height: 216px;
	  min-width: 100% !important;
	  width: auto !important;
	  max-width: none !important;
	  left: 50%;
	  position: relative;
	  transform: translateX(-50%);
	}
	.cc-squarem.vert img{
	  width: 100%;
	  min-height: 100% !important;
	  height: auto !important;
	  max-height: none !important;
	  top: 50%;
	  position: relative;
	  transform: translateY(-50%);
	}
	
	
	header{
		margin-left: 12px !important;
		
	}
	
	.carousel, .carousel .item { height: 223px; }
	
	
}
/*--- B+C ---*/
@media screen and (min-width: 840px) and (max-width: 1279px) {

#page {
    margin-top: 15px;
    margin-left: 30px;
}
#socialnavi ul li, #socialnavi ul li a {
	width: 30px !important;
	height: 30px !important;
}
.social-navigation a:before {
    font-size: 16px;
}
#socialnavi ul li a {
    padding: 8px;
}
footer{
	margin-top: 45px;
	margin-bottom: 20px;
}

.kkitem{
	margin-bottom: 25px;
}	
	
ul.primary-menu li:nth-child(2):before, ul.primary-menu li:nth-child(2) {
	    content: "" !important;
	    display: none;
	    
	}
ul.primary-menu li:nth-child(1):after, ul.primary-menu li:nth-child(1) {
	    padding-right: 20px !important;
	    
	}	
		.headoffset{
			height: 70px;
		}
		.ppdfa{
			padding-left: 8px !important;
		}
		.ppdfa:before{
			content: "";
			position: absolute;
			margin-top: 0px;
			margin-left: -20px;
			display: block;
		}
		
		
		
		.padl15{
			padding-left: 15px !important;
			padding-right: 0px !important;
		}
		.padr15{
			padding-right: 15px !important;
			padding-left: 0px !important;
		}
		
		
		.project h1{
			font-size: 24px;
		}
}
/*--- C ---*/
@media screen and (min-width: 840px) and (max-width: 959px) { 
	.container {
	    width: 780px !important;
	}
	.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5,.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{
		padding-left:10px !important;padding-right:10px !important;
	}

	.ms-footer{
		margin-bottom: 20px;
		margin: 0px 10px;
	}
	.grid-item {
	  width: 175px;
	  min-height: 253px;
	  float: left !important;
	  margin-bottom: 20px !important;
	}
	.grid-item.nitem{
	  max-width: 175px !important;
	  width: 90% !important;
	  min-height: 173px;
	  float: left;
	  margin-bottom: 20px !important;
	}
	.square{
	  width:175px;
	  /*min-height: 253px;*/
	  min-height: 185px;
	  overflow: hidden;
	}
	.doublesquare{
	  width:370px;
	  min-height: 333px;
	  overflow: hidden;
	}
	.doublewidth{
	  width:370px;
	  min-height: 185px;
	  overflow: hidden;
	} 
	.doubleheight{
	  width:175px;
	  min-height: 185px;
	  overflow: hidden;
	}
	
	.cc-square {
	  width: 175px;
	  height: 162px;
	  overflow:hidden;
	}
	.cc-doublesquare {
	  width: 370px;
	  height: 277px;
	  overflow:hidden;
	}
	.cc-doublewidth {
	  width: 370px;
	  height: 130px;
	  overflow:hidden;
	}
	.cc-doubleheight {
	  width: 175px;
	  height: 233px;
	  overflow:hidden;
	}
	.cc-doublesquare img, .cc-square img{
	  height: 100%;
	  min-width: 100%;
	  left: 50%;
	  position: relative;
	  transform: translateX(-50%);
	}
	.cc-doublewidth img{
	  min-height: 100%;
	  width: 100%;
	  top: 50%;
	  position: relative;
	  transform: translateY(-50%);
	}
	.cc-doubleheight img{
	  height: 100%;
	  max-width: none !important;
	  min-width: 100% !important;
	  width: auto !important;
	  left: 50%;
	  position: relative;
	  transform: translateX(-50%);
	}
	

	.projects h1, .project h1 {
	    margin-top: 15px;
	    font-size: 20px;
	    line-height: 21px;
	}
	.pyear {
	    font-size: 13px;
	    line-height: 12px;
	}
	.showpcnt {
	    padding: 10px;
	}

	.psubttl, .pshortdesc{
	    font-size: 13px;
	    margin-bottom: 0px;
	}
	.showcompin {
	    padding: 15px 15px 7.5px 15px;
	}
	.brd {
	    padding: 15px 15px 7.5px 15px;
	}
	
	.nitem{
		 background: #fff;
	}	
	.ndate {
	    margin-bottom: 5px;
	}

	p{
		margin: 0 0 5px;
	}
	.navbar-brand{
		padding: 0px 0px 0px 10px !important;
	}
		.eday{
				width: 100%;
			}
			.cal .spcalleft {
				
					width: 100%;
					margin-left: 0px;
					display: block;
				}
				
				
}

/*--- D ---*/
@media screen and (min-width: 600px) and (max-width: 839px) { 
	.container {
	    width: 555px !important;
	}
	#page {
	    margin-top: 10px;
	    margin-left: 20px;
	}
	.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5,.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{
		padding-left:7.5px !important;padding-right:7.5px !important;
	}

	.ms-footer{
		margin-bottom: 15px;
		margin: 0px 7.5px;
	}
	footer{
		margin-top: 30px;
		margin-bottom: 15px;
	}	
	#socialnavi ul li, #socialnavi ul li a {
		width: 25px !important;
		height: 25px !important;
	}
	.social-navigation a:before {
	    font-size: 14px;
	}
	#socialnavi ul li a {
	    padding: 5px;
	}	
	
	.grid-item {
	  max-width: 90% !important;
	  width: 90% !important;
	  min-height: 173px;
	  float: left;
	  margin-bottom: 20px !important;
	}
	.grid-item.nitem{
	  max-width: 170px !important;
	  width: 90% !important;
	  min-height: 173px;
	  float: left;
	  margin-bottom: 20px !important;
	}
	
	.square, .doublesquare, .doublewidth, .doubleheight{
	  max-width: 90% !important;
	  width: 90% !important;
	  min-height: 172px !important;
	  overflow: hidden;
	}
	
	.cc-square, .cc-doublesquare, .cc-doubleheight, .cc-doublewidth {
	  max-width: 100% !important;
	  width: 100% !important;
	  height: 127px !important;
	  height: auto;
	  overflow:hidden;
	}
	.cc-doublesquare.hor img, .cc-square.hor img, .cc-doubleheight.hor img{
	  height: 100%;
	  min-width: 100%;
	  left: 50%;
	  position: relative;
	  transform: translateX(-50%);
	}
	
	.cc-doubleheight.vert img, .cc-doublewidth.hor img, .cc-doublewidth.vert img{
		height: auto !important;
		min-width: 100% !important;
		top: 50%;
		left: 0%;
		position: relative;
		transform: translateY(-50%);
	}
	
	
	
	.squarem{
	  width:216px !important;
	  min-height: 216px;
	  overflow: hidden;
	}
	.cc-squarem {
	  width: 216px !important;
	  height: 216px;
	  overflow:hidden;
	}
	
	.cc-squarem.hor img{
	  height: 216px;
	  min-width: 100% !important;
	  width: auto !important;
	  max-width: none !important;
	  left: 50%;
	  position: relative;
	  transform: translateX(-50%);
	}
	.cc-squarem.vert img{
	  width: 100%;
	  min-height: 100% !important;
	  height: auto !important;
	  max-height: none !important;
	  top: 50%;
	  position: relative;
	  transform: translateY(-50%);
	}
	
	
	
	
	
	
	.projects h1, .project h1 {
	    margin-top: 15px;
	    font-size: 20px !important;
	    line-height: 21px;
	}
	.pyear {
	    font-size: 13px;
	    line-height: 12px;
	}
	.showpcnt {
	    padding: 10px;
	}

	.psubttl, .pshortdesc{
	    font-size: 13px;
	    /*line-height: 16px;*/
	    margin-bottom: 0px;
	}
	.showcompin {
	    padding: 10px 10px 5px 10px;
	}
	.brd {
	    padding: 10px 10px 5px 10px;
	}

	.nitem{
		 background: #fff;
	}	
	.ndate {
	    margin-bottom: 5px;
	}

	p{
		margin: 0 0 5px;
	}
	.navbar-brand{
		padding: 0px 0px 0px 5px !important;
	}	
	
		.kkitem{
			margin-bottom: 20px;
		}
	ul.primary-menu {
	    padding-left: 10px;
	}
	ul.primary-menu li {
	    padding-right: 10px;
	}	
	ul.primary-menu li a {
	    padding-left: 5px;
	}
	ul.primary-menu li:not(:first-child):before {
	    padding-right: 10px;
	}
	ul.primary-menu li:nth-child(2):before, ul.primary-menu li:nth-child(2) {
			    content: "" !important;
			    display: none;
			}
		ul.primary-menu li:first-child {
		     padding-right: 10px !important; 
		}
		
		.collapse.in{
			position: absolute !important;
			z-index: 6000 !important;
			height: 300px;
			width: 120px;
			right: 0px;
		}
		.panel-collapse.collapse.in{
				position: relative !important;
				width: 100%;
				height: auto;
			}
			
		header{
			margin-left: 17px !important;
			
		}
		
			.headoffset{
				height: 75px;
			}
		.wid50{
				display: inline-block; width: 100%; float: left;text-align: left;
			}
			.spcalright{
				display: inline-block; float: left !important; text-align: left; width: 100%;
			}
			/*
			.spcalleft{
				display: inline-block; float: right; text-align: right;
			}
			*/
			.eday{
				width: 100%;
			}
			.cal .spcalleft {
					width: 100%;
					margin-left: 0px;
					display: block;
				}
				
				
				.ppdfa{
					padding-left: 15px !important;
				}
				.ppdfa:before{
					content: "";
					position: absolute;
					margin-top: 0px;
					margin-left: -20px;
					display: block;
				}
				.carousel, .carousel .item { height: 225px; }
}


/*--- E ---*/
@media screen and (min-width: 480px) and (max-width: 599px) { 
	.container{
		width: 435px !important;
	}
	#page {
	    margin-top: 10px;
	    margin-left: 15px;
	}
	.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5,.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{
		padding-left:7.5px !important;
		padding-right:7.5px !important;
	}

	.padl15{ padding-left: 7.5px !important;padding-right: 0px !important; }
	.padr15{ padding-right: 7.5px !important;padding-left: 0px !important; }
	.ms-footer{
		margin-bottom: 15px;
		margin: 0px 7.5px;
	}
	footer{
		margin-top: 30px;
		margin-bottom: 15px;
	}	
	#socialnavi ul li, #socialnavi ul li a {
		width: 25px !important;
		height: 25px !important;
	}
	.social-navigation a:before {
	    font-size: 14px;
	}
	#socialnavi ul li a {
	    padding: 5px;
	}
	
	.grid-item {
	  max-width: 94% !important;
	  width: 94% !important;
	  min-height: 198px;
	  float: left;
	  margin-bottom: 20px !important;
	}
	
	.square, .doublesquare, .doublewidth, .doubleheight{
	  max-width: 94% !important;
	  width: 94% !important;
	  height: 197px !important;
	  overflow: hidden;
	}
	
	.cc-square, .cc-doublesquare, .cc-doubleheight, .cc-doublewidth {
	  max-width: 100% !important;
	  width: 100% !important;
	  height: 150px !important;
	  height: auto;
	  overflow:hidden;
	}
	.cc-doublesquare.hor img, .cc-square.hor img, .cc-doubleheight.hor img{
	  height: 100%;
	  min-width: 100%;
	  left: 50%;
	  position: relative;
	  transform: translateX(-50%);
	}
	
	.cc-doubleheight.vert img, .cc-doublewidth.hor img, .cc-doublewidth.vert img{
		height: auto !important;
		min-width: 100% !important;
		top: 50%;
		left: 0%;
		position: relative;
		transform: translateY(-50%);
	}
	
	
	
	.squarem{
	  width:216px;
	  min-height: 216px;
	  overflow: hidden;
	}
	.cc-squarem {
	  width: 216px;
	  height: 216px;
	  overflow:hidden;
	}
	
	.cc-squarem.hor img{
	  height: 216px;
	  min-width: 100% !important;
	  width: auto !important;
	  max-width: none !important;
	  left: 50%;
	  position: relative;
	  transform: translateX(-50%);
	}
	.cc-squarem.vert img{
	  width: 100%;
	  min-height: 100% !important;
	  height: auto !important;
	  max-height: none !important;
	  top: 50%;
	  position: relative;
	  transform: translateY(-50%);
	}
	
	
	
	
	
	
	
	.projects h1 {
	    margin-top: 15px;
	    font-size: 20px;
	    line-height: 21px;
	}
	.pyear {
	    font-size: 13px;
	    line-height: 12px;
	}
	.showpcnt {
	    padding: 10px;
	}

	.psubttl, .pshortdesc{
	    font-size: 13px;
	    /*line-height: 16px;*/
	    margin-bottom: 0px;
	}
	.showcompin {
	    padding: 10px 10px 5px 10px;
	}
	.brd {
	    padding: 10px 10px 5px 10px;
	}

	.nitem{
		 background: #fff;
	}	
	.ndate {
	    margin-bottom: 5px;
	}

	p{
		margin: 0 0 5px;
	}
	.navbar-brand{
		padding: 0px 0px 0px 5px !important;
	}	

	.kkitem{
		margin-bottom: 20px;
	}	.navbar {
		    margin-bottom: 10px; margin-right: 10px;
		}
		.navbar-brand>img{
			height: 20px !important;
		}
		
		.navbar-toggle:before {
		    content: url(assets/backslashmobi.png);
		    color: #e4007e;
		    padding-right: 10px;
		    display: inline-block;
		    vertical-align: sub;
		    	   -webkit-transform: skew(20deg);
		    	      -moz-transform: skew(20deg);
		    	        -o-transform: skew(20deg);
		    	        	transform: skew(20deg);
		   
		}
		.navbar-toggle{
			/*display: block;*/
			margin: 0px !important;
		    display: flex;
		    z-index: 1;
		    height: 20px !important;
		    border-radius: 0px;
		    margin-top: -1px !important;
		    -webkit-transform: skew(-20deg);
		       -moz-transform: skew(-20deg);
		         -o-transform: skew(-20deg);
		         	transform: skew(-20deg);
		    /*border-bottom: 40px solid #ffff00;
		    border-left: 15px solid transparent;
		    border-right: 0px solid transparent;*/
		    padding: 0px 30px 0px 20px;
		    right: -10px;
		    border-color: #ffff00 !important;
		    background-color: #ffff00 !important;
		    /*padding-left: 50px;*/
		}
		.navbar-toggle span{
			display: block;
			   -webkit-transform: skew(20deg);
			      -moz-transform: skew(20deg);
			        -o-transform: skew(20deg);
			        	transform: skew(20deg);
			font-family: "FM";
			font-size: 10px;
			line-height: 20px;
		}
		.navbar-toggle.open{
			color: #e6007e;
		}
		
		
		ul.primary-menu {
		    margin: 0px !important;
		    display: block;
		    position: absolute;
		    right: 0px;
		    z-index: 3000;
		    /* background-color: #ffff00; */
		    height: auto !important;
		    width: 100px;
		    border-radius: 0px;
		    margin-top: 5px !important;
		    border-bottom: 0px solid #ffff00;
		    border-left: 0px solid transparent;
		    border-right: 0px solid transparent;
		    padding-left: 0px;
		    background: #ffff00;
		    	padding-bottom: 15px;
		}
		
		/*ul.primary-menu li:nth-child(2), ul.primary-menu li:nth-child(2) a .dropdown{
		    display: none;
		    content: "";
		}*/
		
		
		
		ul.primary-menu li a{
			display: block;
			border: none;
			padding: 0 !important;
			color: black;
			font-family: "FM";
			text-transform: uppercase;
			font-size: 10px;
			line-height: 10px;
			padding-top: 10px;
			padding-bottom: 5px;
		}
		ul.primary-menu li:before {
		    content: '' !important;
		    padding-right: 0px;
		}
		ul.primary-menu li:nth-child(2):before, ul.primary-menu li:nth-child(2) {
		    content: "" !important;
		    display: none;
		}
		ul.primary-menu li:first-child, ul.primary-menu li:first-child a {
		   
		   	padding-right: 5px !important;
		   	padding-top: 5px !important;
		}
		ul.primary-menu li:nth-child(2), ul.primary-menu li:nth-child(2) a{
			padding-right: 0px !important;
			padding: 0px !important;
		}
		ul.primary-menu li:nth-child(2) a, ul.primary-menu li:nth-child(2) a:hover, ul.primary-menu li:nth-child(2) a:focus{
			color: transparent;
			padding: 0px !important;
			
		}
		
		ul.primary-menu li{
			border: none;
			display: block;
			padding-right: 15px;
			text-align: right;
		}
		.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		    border-color: transparent;
		}
		.lg{
		background: #ffff00;
		float: none;
		padding-right: 20px;
		width: 100px;
		text-align: right;
		}
		.lg a, .lg a:hover{
			font-family: "FM";
			font-size: 10px;
		}
		
		
		.collapse.in{
			position: absolute !important;
			z-index: 6000 !important;
			height: 300px;
			width: 120px;
			right: 0px;
		}	
		.panel-collapse.collapse.in{
				position: relative !important;
				width: 100%;
				height: auto;
			}
			
		header{
			margin-left: 17px !important;
			
		}
		
			.headoffset{
				height: 40px;
			}
			
		.wid50{
				display: inline-block; width: 100%; float: left;text-align: left;
			}
			.spcalright{
				display: inline-block; float: left !important; text-align: left; width: 100%;
			}
			/*
			.spcalleft{
				display: inline-block; float: right; text-align: right;
			}
			*/
			.eday{
				width: 100%;
			}
			.cal .spcalleft {
					width: 100%;
					margin-left: 0px;
					display: block;
				}
				.carousel, .carousel .item { height: 225px; }
				
				
				
				.showcompin.brd .psubttl, .showcompin.brd .pshortdesc, .showcompin.brd .pshortdesc p{
					max-width: 100% !important;
				}
				.showmepanel{
					font-size: 12px !important;
				}
}



/*--- F ---*/
@media screen and (max-width: 479px) { 
	
	
	
	.container.pull-left{
		max-width: 100% !important;
		border: none !important;
			float: none !important;
			
	}
	#page {
	    margin-top: 10px;
	    margin-left: 10px;
	}
    footer div.container.pull-left{
    	float: none !important;
    }
   
	.row {
	    margin-left: -15px;
	    margin-right: -5px;
	}
   	.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5,.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{
   		padding-left:5px !important;padding-right:5px !important;
   	}
   	
   	.padl15{ padding-left: 0px !important;padding-right: 0px !important; }
   	.padr15{ padding-right: 0px !important;padding-left: 0px !important; }
   	.ms-footer{
   		margin-bottom: 10px;
   		margin: 0px 5px;
   		max-width: 98%;
   	}
   	footer{
   		margin-top: 20px;
   		margin-bottom: 10px;
   	}
   	
   	.grid-item {
   	
   		  max-width: 100% !important;
   		  	  width: 100% !important;
   		  	  min-height: 283px;
   		  	  float: left;
   		  	  margin-bottom: 15px !important;
   	
   	}
   	
   	.square,.doublesquare,.doublewidth{
   	  max-width: 100% !important;
   	  width: 100% !important;
   	  min-height: 282px;
   	  overflow: hidden;
   	} 
   	.doubleheight{
   	  max-width: 100% !important;
   	  	  width: 100% !important;
   	  min-height: 446px;
   	  overflow: hidden;
   	}
   	
   	.cc-square, .cc-doublesquare, .cc-doublewidth {
   	  max-width: 100% !important;
   	  width: 100% !important;
   	  height: 222px !important;
   	  height: auto;
   	  overflow:hidden;
   	}
   	.cc-doubleheight {
   	  max-width: 100% !important;
   	  width: 100% !important;
   	  height: 445px !important;
   	  height: auto;
   	  overflow:hidden;
   	}
/*   	.cc-doublesquare img, .cc-square img{
   	  height: 100%;
   	  min-width: 100%;
   	  left: 50%;
   	  position: relative;
   	  transform: translateX(-50%);
   	}
   	.cc-doublewidth img{
   	  min-height: 100%;
   	  width: 100%;
   	  top: 50%;
   	  position: relative;
   	  transform: translateY(-50%);
   	}*/
   	
   	.cc-doublesquare.hor img, .cc-square.hor img, .cc-doublesquare.vert img, .cc-square.vert img{
   		  height: 100%;
   		  max-width: 100%;
   		  left: 50%;
   		  position: relative;
   		  transform: translateX(-50%);
   		}
   		
   	
   	.cc-doublewidth.vert img{
   		  height: auto;
   		  max-width: none !important;
   		  min-width: 100% !important;
   		  width: auto !important;
   		  top: 50%;
   		  left: 50%;
   		  position: relative;
   		  transform: translateY(-50%) translateX(-50%);
   		}
   	.cc-doublewidth.hor img{
   			 height: 100%;
   			 	  max-width: none !important;
   			 	  min-width: 100% !important;
   			 	  width: auto !important;
   			 	  left: 50%;
   			 	  top: 0%;
   			 	  position: relative;
   			 	  transform: translateX(-50%);
   			}
   	
   	
   	
   	
   	.cc-doubleheight.vert img{
   	  height: auto;
   	  max-width: none !important;
   	  min-width: 100% !important;
   	  width: auto !important;
   	  top: 50%;
   	  left: 50%;
   	  position: relative;
   	  transform: translateY(-50%) translateX(-50%);
   	}
   	.cc-doubleheight.hor img{
   		 height: 100%;
   		 	  max-width: none !important;
   		 	  min-width: 100% !important;
   		 	  width: auto !important;
   		 	  left: 50%;
   		 	  position: relative;
   		 	  transform: translateX(-50%);
   		}
   		
   		
   		
   		
   		.squarem{
   		  width:216px;
   		  min-height: 216px;
   		  overflow: hidden;
   		}
   		.cc-squarem {
   		  width: 216px;
   		  height: 216px;
   		  overflow:hidden;
   		}
   		
   		.cc-squarem.hor img{
   		  height: 216px;
   		  min-width: 100% !important;
   		  width: auto !important;
   		  max-width: none !important;
   		  left: 50%;
   		  position: relative;
   		  transform: translateX(-50%);
   		}
   		.cc-squarem.vert img{
   		  width: 100%;
   		  min-height: 100% !important;
   		  height: auto !important;
   		  max-height: none !important;
   		  top: 50%;
   		  position: relative;
   		  transform: translateY(-50%);
   		}
   		
   		
   	
/*   	.grid-item {
   	  max-width: 100% !important;
   	  	  width: 100% !important;
   	  	  min-height: 283px;
   	  	  float: left;
   	  	  margin-bottom: 15px !important;
   	}
   	.square, .doublesquare, .doublewidth{
   		  max-width: 100% !important;
   		  width: 100% !important;
   		  height: 282px !important;
   		  overflow: hidden;
   		}
   		
   		.cc-square, .cc-doublesquare,.cc-doublewidth {
   		  max-width: 100% !important;
   		  width: 100% !important;
   		  height: 222px !important;
   		  height: auto;
   		  overflow:hidden;
   		}
   		.cc-doublesquare.hor img, .cc-square.hor img{
   		  height: 100%;
   		  min-width: 100%;
   		  left: 50%;
   		  position: relative;
   		  transform: translateX(-50%);
   		}
   		.cc-doublewidth.hor img, .cc-doublewidth.vert img{
   			height: auto !important;
   			min-width: 100% !important;
   			top: 50%;
   			left: 0%;
   			position: relative;
   			transform: translateY(-50%);
   		}
   		.grid-item.doubleheight{width: 100% !important; max-width: 100% !important; min-height: auto !important;
   			  height: auto !important;}
   		.cc-doubleheight{width: 100% !important; max-width: 100% !important; height: auto !important; }
   		.cc-doubleheight.vert img, .cc-doubleheight.hor img{
   			  height: 100%;
   			  max-width: none !important;
   			  min-width: 100% !important;
   			  width: auto !important;
   			  position: relative;
   			}*/
/*   		
   	.doubleheight{
   	  max-width: 100% !important;
   	  	  width: 100% !important;
   	  min-height: 346px !important;
   	  height: 346 !important;
   	  overflow: hidden;
   	}
   	.cc-doubleheight {
   	  max-width: 100% !important;
   	  	  width: 100% !important;
   	  height: 288px !important;
   	  overflow:hidden;
   	}
   	.cc-doubleheight.vert img, .cc-doubleheight.hor img{
   	  height: 100%;
   	  max-width: none !important;
   	  min-width: 100% !important;
   	  width: auto !important;
   	  left: 50%;
   	  position: relative;
   	  transform: translateX(-50%);
   	}*/
   	
   	
/*   	.grid-item {
   	  max-width: 100% !important;
   	  width: 100% !important;
   	  min-height: 283px;
   	  float: left;
   	  margin-bottom: 15px !important;
   	}
   	
   	.square, .doublesquare, .doublewidth, .doubleheight{
   	  max-width: 100% !important;
   	  width: 100% !important;
   	  height: 282px !important;
   	  overflow: hidden;
   	}
   	
   	.cc-square, .cc-doublesquare, .cc-doubleheight, .cc-doublewidth {
   	  max-width: 100% !important;
   	  width: 100% !important;
   	  height: 222px !important;
   	  height: auto;
   	  overflow:hidden;
   	}
   	.cc-doublesquare.hor img, .cc-square.hor img, .cc-doubleheight.hor img{
   	  height: 100%;
   	  min-width: 100%;
   	  left: 50%;
   	  position: relative;
   	  transform: translateX(-50%);
   	}
   	
   	.cc-doubleheight.vert img, .cc-doublewidth.hor img, .cc-doublewidth.vert img{
   		height: auto !important;
   		min-width: 100% !important;
   		top: 50%;
   		left: 0%;
   		position: relative;
   		transform: translateY(-50%);
   	}*/
/*   		.grid-item {
   		  max-width: 100% !important;
   		  width: 100% !important;
   		  min-height: 283px;
   		  float: left;
   		  margin-bottom: 15px !important;
   		}
   		
   		.square, .doublesquare, .doublewidth{
   		  max-width: 100% !important;
   		  width: 100% !important;
   		  height: 282px !important;
   		  overflow: hidden;
   		}
   		.doubleheight{height: auto !important;max-width: 100% !important;
   			  width: 100% !important;
   			  overflow: hidden;
   		}
   		.cc-square, .cc-doublesquare,.cc-doublewidth {
   		  max-width: 100% !important;
   		  width: 100% !important;
   		  height: 222px !important;
   		  height: auto;
   		  overflow:hidden;
   		}
   		.cc-doubleheight{
   			  max-width: 100% !important;
   			  width: 100% !important;
   			  /*height: 222px !important;*!/
   			  height: auto;
   			  overflow:hidden;
   			}
   		.cc-doublesquare.hor img, .cc-square.hor img{
   		  height: 100%;
   		  min-width: 100%;
   		  left: 50%;
   		  position: relative;
   		  transform: translateX(-50%);
   		}
   		.cc-doubleheight.hor img, .cc-doubleheight.vert img{
   			height: auto !important;
   				min-width: 100% !important;
   				top: 0%;
   				left: 0%;
   				position: relative;
   				transform: translateY(0%);
   		}
   		.cc-doublewidth.hor img, .cc-doublewidth.vert img{
   			height: auto !important;
   			min-width: 100% !important;
   			top: 50%;
   			left: 0%;
   			position: relative;
   			transform: translateY(-50%);
   		}*/

   	
   	.projects h1 {
   	    margin-top: 15px;
   	    font-size: 20px;
   	    line-height: 21px;
   	}
   	.pyear {
   	    font-size: 13px;
   	    line-height: 12px;
   	}
   	
   	.showpcnt {
   	    padding: 10px;
   	}
   	.psubttl, .pshortdesc{
   	    font-size: 12px;
   	    /*line-height: 16px;*/
   	    margin-bottom: 0px;
   	}
   	.showcompin {
   	    padding: 10px 10px 5px 10px;
   	    /*max-width: 184px;*/
   	    max-width: 100%;
   	}
   	.brd {
   	    padding: 10px 10px 5px 10px;
   	    /*max-width: 184px;*/
   	    max-width: 100%;
   	}
   	.showcompin.brd{
   		max-width: 100%;
   	}
   	.showcompin.brd .psubttl, .showcompin.brd .pshortdesc{
   		/*max-width: 184px;*/
   		max-width: 100%;
   		font-size: 12px;
   	}
   	.showmepanel{
   		font-size: 12px !important;
   	}
   	
   	.nitem{
   		 background: #fff;
   	}
   	.ndate {
   	    margin-bottom: 5px;
   	}
   	p{
   		margin: 0 0 5px;
   	}
   	.navbar-brand{
   		padding: 0px 0px 0px 5px !important;
   	}
   	.kkitem{
   		margin-bottom: 30px;
   	}
   	.navbar {
   	    margin-bottom: 10px;
   	}
   	.navbar-brand>img{
   		height: 20px !important;
   	}
   	
   	.navbar-toggle:before {
   	    content: url(assets/backslashmobi.png);
   	    color: #e4007e;
   	    padding-right: 7px;
   	    display: inline-block;
   	    vertical-align: sub;
   	    	   -webkit-transform: skew(20deg);
   	    	      -moz-transform: skew(20deg);
   	    	        -o-transform: skew(20deg);
   	    	        	transform: skew(20deg);
   	   
   	}
   	.navbar-toggle{
   		/*display: block;*/
   		margin: 0px !important;
   	    display: flex;
   	    z-index: 1;
   	    height: 20px !important;
   	    border-radius: 0px;
   	    margin-top: -1px !important;
   	    -webkit-transform: skew(-20deg);
   	       -moz-transform: skew(-20deg);
   	         -o-transform: skew(-20deg);
   	         	transform: skew(-20deg);
   	    /*border-bottom: 40px solid #ffff00;
   	    border-left: 15px solid transparent;
   	    border-right: 0px solid transparent;*/
   	    /*padding: 0px 20px;*/
   	   padding: 0px 32px 0px 20px;
   	    right: -10px;
   	    border-color: #ffff00 !important;
   	    background-color: #ffff00 !important;
   	    /*padding-left: 50px;*/
   	}
   	.navbar-toggle span{
   		display: block;
   		   -webkit-transform: skew(20deg);
   		      -moz-transform: skew(20deg);
   		        -o-transform: skew(20deg);
   		        	transform: skew(20deg);
   		font-family: "FM";
   		font-size: 10px;
   		line-height: 20px;
   	}
   	.navbar-toggle.open{
   		color: #e6007e;
   	}
   	
   	.project{
   		z-index: 2000 !important;
   	}
   	
   	/*.grid, .grid-item{z-index: 1 !important;}
   	*/ul.primary-menu {
   	    margin: 0px !important;
   	    display: block;
   	    position: absolute;
   	    right: 0px;
   	    
   	    z-index: 3000 !important;
   	    /* background-color: #ffff00; */
   	    height: auto !important;
   	    width: 100px;
   	    border-radius: 0px;
   	    margin-top: 5px !important;
   	    border-bottom: 0px solid #ffff00;
   	    border-left: 0px solid transparent;
   	    border-right: 0px solid transparent;
   	    padding-left: 0px;
   	    background: #ffff00;
   	    	padding-bottom: 15px;
   	}
   	
   	/*ul.primary-menu li:nth-child(2), ul.primary-menu li:nth-child(2) a .dropdown{
   	    display: none;
   	    content: "";
   	}*/
   	
   	
   	
   	ul.primary-menu li a{
   		display: block;
   		border: none;
   		padding: 0 !important;
   		color: black;
   		font-family: "FM";
   		text-transform: uppercase;
   		font-size: 10px;
   		line-height: 10px;
   		padding-top: 10px;
   		padding-bottom: 5px;
   		padding-right: 10px !important;
   	}
   	ul.primary-menu li:before {
   	    content: '' !important;
   	    padding-right: 0px;
   	}
   	ul.primary-menu li:nth-child(2):before, ul.primary-menu li:nth-child(2) {
   	    content: "" !important;
   	    display: none;
   	}
   	ul.primary-menu li:first-child, ul.primary-menu li:first-child a {
   	   
   	   	padding-right: 12px !important;
   	   	padding-top: 5px !important;
   	}
   	ul.primary-menu li:nth-child(2), ul.primary-menu li:nth-child(2) a{
   		padding-right: 0px !important;
   		padding: 0px !important;
   	}
   	ul.primary-menu li:nth-child(2) a, ul.primary-menu li:nth-child(2) a:hover, ul.primary-menu li:nth-child(2) a:focus{
   		color: transparent;
   		padding: 0px !important;
   		
   	}
   	
   	ul.primary-menu li{
   		border: none;
   		display: block;
   		padding-right: 15px;
   		text-align: right;
   	}
   	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
   	    border-color: transparent;
   	}
   	.lg{
   	background: #ffff00;
   	float: none;
   	/*padding-right: 20px;*/
   	padding-right: 25px;
   	width: 100px;
   	text-align: right;
   	}
   	.lg a, .lg a:hover{
   		font-family: "FM";
   		font-size: 10px;
   	}
   	
   	
   	#socialnavi{
   		position: fixed;
   		right: 60px;
   		top: 10px;
   		background: #ffff00;
   		height: 20px;
   		padding-left: 10px;
   		z-index: 5000;
   		   -webkit-transform: skew(-20deg);
   		      -moz-transform: skew(-20deg);
   		        -o-transform: skew(-20deg);
   		        	transform: skew(-20deg);
   	}
   	#socialnavi ul {
   	    list-style: none;
   	    margin: 0px;
   	    text-align: center;
   	}
   	#socialnavi ul li {
   	    float: left;
   	    text-align: center;
   		-webkit-transform: skew(20deg);
   		      -moz-transform: skew(20deg);
   		        -o-transform: skew(20deg);
   		        	transform: skew(20deg);
   		width: 20px;
   		height: 20px;
   	}
   	#socialnavi ul li:not(:last-child){
   		border-bottom: 1px solid #ffff00;
   	}
   	#socialnavi ul li:hover{
   		background: transparent;
   	}
   	#socialnavi ul li a{
   		-webkit-transform: skewY(0deg);
   		-moz-transform: skewY(0deg);
   		-o-transform: skewY(0deg);
   		padding: 0px 10px 0px 0px;
   	}
   	.social-navigation a:hover:before, .social-navigation a:focus:before,
   	#socialnavi ul li a:hover{
   		color: #000 !important;
   	}
   	#socialnavi ul li a, #socialnavi ul li a:before{
   	margin: 0 auto;
   	text-align: center;
   	font-size: 12px;
   	line-height: 20px;
   	}
   	
   	.soundplayer{
   		/*display: none;*/
   	}
   	.videocnt{
   		margin-top: 20px;
   	}
   	
   	
   	.collapse.in{
   		position: absolute !important;
   		z-index: 6000 !important;
   		height: 300px;
   		width: 120px;
   		right: 0px;
   	}
   	
   	.panel-collapse.collapse.in{
   		position: relative !important;
   		width: 100%;
   		height: auto;
   	}
   	
   	
   	.wid50{
   		display: inline-block; width: 100%; float: left;
   	}
   	.spcalright{
   		display: inline-block; float: left; text-align: left; width: 100%;
   	}
   	/*
   	.spcalleft{
   		display: inline-block; float: right; text-align: right;
   	}
   	*/
   	.eday{
   		width: 100%;
   	}
   	.cal .spcalleft {
   			width: 100%;
   			margin-left: 0px;
   			display: block;
   		}
   	
   	
   	.headoffset{
   		height: 40px;
   	}
   	
   	.carousel, .carousel .item { height: 225px; }
}