/* cmsms stylesheet: PARTYCREW Basics modified: 24-09-25 21:19:41 */
@import url('https://fonts.googleapis.com/css?family=Oswald:400,600');

body {
    background-color: #000;
}

/***** NAVIGATION ******/ 

header a.logo img {
    max-height: 50px;
    
}

header nav.navbar.white-link .navbar-nav > li > a, nav.navbar.bootsnav.white-link ul.nav > li > a.menuactive {
    color: #fe8762;
}

/***** STYLING ******/

p > a {
    color: #fc5201;
}

p > a:hover {
    color: #c35825;
}

p.event {
font-weight: 300;
font-size: 18px;
text-align: center;
line-height: 30px;
}

.oswald  {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase
}

/***** LANDING ******/

#landing {
	height: 100%;
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	position: relative;
	z-index: 1;
	padding: 0;
}

#landing a.landingurl {
    display: block;
    width: 100%;
    height: 100%;
}

#landing .opacity-medium {
    z-index: 10;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    pointer-events: none
}

#landing .leftpane:hover .opacity-medium, #landing .rightpane:hover .opacity-medium, #landing .bottompane:hover .opacity-medium {
   opacity: 0.3;
}

.partycrew-logo {
	position: absolute;
    width: 300px;
    height: 300px;
    left: 0;
    margin-top: -150px;
    margin-left: -150px;
    top: 50%;
    background-size: cover;
    background-position: center center;
    z-index: 80;
    pointer-events:none;
	-webkit-transform: skew(7deg);
	    -ms-transform: skew(7deg);
	        transform: skew(7deg);
    background-image: url('https://www.partycrew.nl/images/partycrew-logo-landing.png');
}

.tekst h1 {
    font-weight: 700;
}

.tekst h3 {
    font-size: 25px;
}

.tekst p span {
    color: #fc5201;
}

.tekst {
    position: absolute;
    top: 45%;
    width: 30%;
    color: white;
    text-align: center;
    z-index: 20
}

.rightpane .tekst {
    left: 50%;
    margin-left: -15%;
}

.leftpane .tekst {
    right: 50%;
    margin-right: -15%;

}

.bottom .tekst {
    width: 50%;
    left: 50%;
    top: 25%;
    margin-left: -25%;
}

.topleft {
	width: 53%;
	height: 100%;
	left: 0;
	position: absolute;
	z-index: 3;
}

.topleft .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	right: 1px;
	top: 0;
	overflow: hidden;
}

.topleft .leftpane {
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
}

.leftpane {
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.leftpane:before { 
  content:"";
  position:absolute; 
  top:0;
  right:0;
  bottom:0;
  left:0;
  transition:inherit;
    background-image: url('https://www.partycrew.nl/images/partycrew-festival.jpg');
	background-position: center 0;
	background-size: cover;
	background-repeat: no-repeat;
}

.leftpane:hover::before { 
  transform: scale(1.1);

}

.topright {
	width: 53%;
	height: 100%;
	right: 0;
	-webkit-transform: skew(-7deg);
	    -ms-transform: skew(-7deg);
	        transform: skew(-7deg);
	-webkit-transform-origin: right bottom;
	    -ms-transform-origin: right bottom;
	        transform-origin: right bottom;
	position: absolute;
	z-index: 4;
}

.topright .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 1px;
	top: 0;
	overflow: hidden;
}

.topright .rightpane {
	-webkit-transform: skew(7deg);
	    -ms-transform: skew(7deg);
	        transform: skew(7deg);
	-webkit-transform-origin: right bottom;
	    -ms-transform-origin: right bottom;
	        transform-origin: right bottom;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;

}

.rightpane {
    background-image: url('https://www.partycrew.nl/images/partycrew-business.jpg');
	background-position: center 0;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.rightpane:before { 
  content:"";
  position:absolute; 
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:inherit;
  transition:inherit;
}
.rightpane:hover::before { 
  transform: scale(1.1);
}

.bottom {
    display: none;
    overflow: hidden;
    width: 100%;
    height: 20%;
    position: absolute;
    z-index: 2;
    bottom: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.bottompane {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.bottompane:before { 
  content:"";
  position:absolute; 
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:inherit;
  transition:inherit;
background-image: url('https://www.partycrew.nl/images/partycrew-asevents.jpg');
    background-size: cover;
    background-position: center;
}
.bottompane:hover::before { 
  transform: scale(1.1);

}
@media (max-width: 1400px) {

.leftpane .tekst {
    width: 80%;
    left: 2%;
    margin-right: -40%;
}

.rightpane .tekst {
    width: 80%;
    left: 30%;
    margin-left: -15%;
}
    
}

@media (max-width: 768px) {
    
    .partycrew-logo {
    top: 30%;
    -webkit-transform: none; 
    -moz-transform: none;
    -ms-transform: none; 
    -o-transform: none; 
    transform: none;
    width: 250px;
    height: 250px;
    margin-top: -125px;
    margin-left: -125px;
    }
    
    .leftpane .tekst {
    width: 100%;
    left: 0;
    margin: 0;
    }
    
    .rightpane .tekst {
    width: 100%;
    left: 0;
    margin: 0;
    }
    
    .bottom .tekst {
    width: 100%;
    left: 0;
    top: 20%;
    margin: 0;
    }
    
    .topright, .topleft {
    width: 50%;
    -webkit-transform: none; 
    -moz-transform: none;
    -ms-transform: none; 
    -o-transform: none; 
    transform: none;
    }
    
    .topright .rightpane, .topright .leftpane {
    -webkit-transform: none; 
    -moz-transform: none;
    -ms-transform: none; 
    -o-transform: none; 
    transform: none;
}
}

/***** AGENDA ******/ 

.agenda-item .btn { 
    padding: 0px 5px;
    font-size: 14px;
}

.past-opacity {
    opacity: 0.4;
}

.label.Volledige {
    background-color: #4fc7d9;
}

.label.Ondersteuning {
    background-color: #5c4fd9;
}

.label.Event {
    background-color: #ec782c;
}

.label.Business {
    background-color: #494848;
}

.past-opacity .label.Event, .past-opacity .label.Ondersteuning, .past-opacity .label.Volledige {
    background-color: #81898a;
}

/***** CONTENT ******/ 
.bg-center {
    background-position: center;
    background-size: cover;
}

#header {
    background-image:url('https://www.partycrew.nl/images/background-top.jpg');
    background-color: #000;
    background-position: 50% 50%;
    background-size: cover;
    animation-name: fadeIn;
}

#header-narrow {
    height: 400px;
    /*background-size: contain;*/
    /*background-position-y: -500px;*/
}

@media only screen and (max-width: 987px) {
    #header-narrow {
    background-size: cover;
    background-position: 50% 50%;
}
}

@media only screen and (max-width: 1500) {
    #header-narrow {
    background-size: contain;
    background-position-y: -500px;
}
}

#about, #aboutbusiness, #payoff, #video, #jaar2006, #jaar2009, #jaar2012, #jaar2015, #jaar2018, #jaarbusiness, .unisection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -100px;
    margin-bottom: -65px;
    transform: skewX(0deg) skewY(-2.5deg); /* W3C */
   -webkit-transform: skewX(0deg) skewY(-2.5deg); /* Safari & Chrome */
   -moz-transform: skewX(0deg) skewY(-2.5deg); /* Firefox */
   -ms-transform: skewX(0deg) skewY(-2.5deg); /* Internet Explorer */
   -o-transform: skewX(0deg) skewY(-2.5deg); /* Opera */
    color: white;
    background-color: #000;
    position:relative;
}

#aboutbusiness, .unisection {
    background-color: #f7f7f7;
}

.unisection {
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    text-align: justify
}


#video {
    z-index:102;
}

#payoff, .unisection {
    z-index: 101;
}

#foto {
    z-index:99;
    position: relative;
    background-position: bottom center;
    background-size: cover;
}

#about:before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    top: -10%;
    width: 110%;
    height: 110%;
    background: url("https://www.partycrew.nl/images/background-header.jpg") no-repeat center;
    background-size: cover;
    transform: skewX(0deg) skewY(2.5deg); /* W3C */
   -webkit-transform: skewX(0deg) skewY(2.5deg); /* Safari & Chrome */
   -moz-transform: skewX(0deg) skewY(2.5deg); /* Firefox */
   -ms-transform: skewX(0deg) skewY(2.5deg); /* Internet Explorer */
   -o-transform: skewX(0deg) skewY(2.5deg); /* Opera */
}

#aboutbusiness:before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    top: -10%;
    width: 110%;
    height: 110%;
    background: none;
    transform: skewX(0deg) skewY(2.5deg); /* W3C */
   -webkit-transform: skewX(0deg) skewY(2.5deg); /* Safari & Chrome */
   -moz-transform: skewX(0deg) skewY(2.5deg); /* Firefox */
   -ms-transform: skewX(0deg) skewY(2.5deg); /* Internet Explorer */
   -o-transform: skewX(0deg) skewY(2.5deg); /* Opera */
}

#payoff:before, .unisection:before, #jaar2006:before, #jaar2009:before, #jaar2012:before, #jaar2015:before, #jaar2018:before, #jaarbusiness:before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    transform: skewX(0deg) skewY(2.5deg); /* W3C */
   -webkit-transform: skewX(0deg) skewY(2.5deg); /* Safari & Chrome */
   -moz-transform: skewX(0deg) skewY(2.5deg); /* Firefox */
   -ms-transform: skewX(0deg) skewY(2.5deg); /* Internet Explorer */
   -o-transform: skewX(0deg) skewY(2.5deg); /* Opera */
}

#video:before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    top: -10%;
    width: 110%;
    height: 110%;
    transform: skewX(0deg) skewY(2.5deg); /* W3C */
   -webkit-transform: skewX(0deg) skewY(2.5deg); /* Safari & Chrome */
   -moz-transform: skewX(0deg) skewY(2.5deg); /* Firefox */
   -ms-transform: skewX(0deg) skewY(2.5deg); /* Internet Explorer */
   -o-transform: skewX(0deg) skewY(2.5deg); /* Opera */
}

#about > .container, .unisection > .container, .unisection > .container-fluid, #aboutbusiness > .container, #payoff > .container-fluid, #video > .container, #jaar2006 > .container-fluid, #jaar2009 > .container-fluid, #jaar2012 > .container-fluid, #jaar2015 > .container-fluid, #jaar2018 > .container-fluid, #jaarbusiness > .container-fluid {
    position: relative;
    top: -3rem;
    margin: 0;
    transform: skewX(0deg) skewY(2.5deg); /* W3C */
   -webkit-transform: skewX(0deg) skewY(2.5deg); /* Safari & Chrome */
   -moz-transform: skewX(0deg) skewY(2.5deg); /* Firefox */
   -ms-transform: skewX(0deg) skewY(2.5deg); /* Internet Explorer */
   -o-transform: skewX(0deg) skewY(2.5deg); /* Opera */
}

#projects {
    background: #212121;
}

#projects.business {
    background: #f7f7f7;
}

#showcase {
	z-index: 101;
	background-color: #212121;
}

#showcase.business {
	background-color: #f7f7f7;
}
	
#showcase:before {
    content: "";
    position: absolute;
    left: 0;
    display: block;

}

/***** SHOWCASE ******/ 

.hover-option7 .grid-item .portfolio-icon {transition: all 0.3s ease 0s; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 55%; left:0; right: 0; opacity: 0}
.hover-option7 .grid-item figure:hover .portfolio-icon {opacity: 1; top: 50%; }
.hover-option7 .grid-item .portfolio-icon p.overlay {border-radius: 50%; border:2px solid transparent; background: #fff; margin: 0 7px; height: 46px; width: 46px; display: inline-block; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.hover-option7 .grid-item .portfolio-icon i.fa-link {font-size:20px; position: relative; top: 11px}
.hover-option7 .grid-item .portfolio-icon i.fa-search {font-size:16px; position: relative; top: 8px}
.hover-option7 .grid-item .portfolio-icon p.overlay:hover, .hover-option7 .grid-item .portfolio-icon p.overlay:hover i {background: transparent; color: #fff;  }
.hover-option7 .grid-item .portfolio-icon p.overlay:hover {background: transparent; border:2px solid #fff; color: #fff; transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);}
.hover-option7 .grid-item figure:hover img {opacity: .15; transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1);}
.hover-option7 .grid-item figure:hover figcaption {}
a.grid-item-url {
    
}
#showcase.business .portfolio-filter-tab-2.nav-tabs li.active a {
    background: rgb(41, 41, 41);
}

/***** CONTENT VERHAAL *****/

.team h6 > span {
    font-size: 16px;
}

.team .label-warning {
    background-color: #e26c26;
}

.history h4 {
    font-size: 80px;
    letter-spacing: -5px;
}

.history p {
    font-size: 18px;
}

#jaar2006 {
    background-image: url('https://www.partycrew.nl/images/story/2006.jpg');
    background-position-x: center;
}

#jaar2009 {
    background-image: url('https://www.partycrew.nl/images/story/2009.jpg');
}

#jaar2012 {
    background-image: url('https://www.partycrew.nl/images/story/2012.jpg');
}

#jaar2015 {
    background-image: url('https://www.partycrew.nl/images/story/2015.jpg');
}

#jaar2018 {
    background-image: url('https://www.partycrew.nl/images/story/2018.jpg');
}

#jaarbusiness {
    background-image: url('https://www.partycrew.nl/images/story/jaarbusiness.jpg');
    background-position: center center;
}

@media only screen and (max-width: 768px) {
 .history h4 {
     font-size: 55px;
 }   
 .history p {

     font-weight: 300;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
 }
}

/***** FOOTER ******/ 

.footer-logo {
    max-height: 100px;
}

/***** REUNIE ******/

.logoreunie {
    z-index: 10;
}

.header-reunie {
    height: 400px;
    
}
}
}
/* cmsms stylesheet: Dashboard modified: 22-10-19 09:20:46 */
/***** DASHBOARD ******/ 
body.dashboard {
    overflow: hidden;
}
#dashboard {
    background: url("https://www.partycrew.nl/images/background-header.jpg") no-repeat center;
    background-size: cover;
    padding: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

#dashboard .alert {
    margin: 2px 0;
    padding: 3px;
}

#dashboard .btn.btn-black {
    background: transparent;
    color: #000;
}

#dashboard .belangrijk {
    background-color: red;
    padding: 20px; 
    border: 5px solid red;
    margin: 20px 0; 
}

.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 200px;
}

.dashitem {
    margin-top: 1%;
    margin-bottom: 1%;
}

.carousel-item {
 
}

h1.maintitle {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 3rem;
    text-align: center;
    color: #f1912d;
    line-height: 30px;
    padding: 0;
    margin: 15px 0 0 0;
}

.dashitem h1 {
font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
    color: #f6f6f6;
    padding: 2px 7px;
    height: 50px;
    border: 2px solid;
    margin: 0;
    line-height: 40px;
    display: inline;
}

.ActiveUsers {
    background: #202020;
    border: 1px solid #373635;
    border-radius: 4px;
    color: #dbd3d3;
    text-transform: uppercase;
    font-family: 'oswald';
    font-weight: 300;
    padding: .5em 1.5em;
    white-space: nowrap;
    margin-top: 10px;
}

.Chartjs-figure{
    height: 130px
}

.Chartjs-legend {
    display: none;
}
/* cmsms stylesheet: Bootstrap CardForm modified: 14-01-19 11:59:45 */
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 2.25rem;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10%;
}

.card h5 {
    font-size: 25px;
    line-height: 30px;
}

.form-bg{
    background: #00b4ef;
}
.form-horizontal{
    background: #fff;
    border-radius: 15px;
    text-align: center;
}
.form-horizontal .heading{
    display: block;
    font-size: 35px;
    font-weight: 700;
    padding: 35px 0;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 30px;
}
.form-horizontal .form-group{
    padding: 0 40px;
    margin: 0 0 25px 0;
    position: relative;
}
.form-horizontal .form-control{
    background: #f0f0f0;
    border: none;
    border-radius: 20px;
    box-shadow: none;
    padding: 0 20px 0 45px;
    height: 40px;
    transition: all 0.3s ease 0s;
}
.form-horizontal .form-control:focus{
    background: #e0e0e0;
    box-shadow: none;
    outline: 0 none;
}
.form-horizontal .form-group i{
    position: absolute;
    top: 12px;
    left: 60px;
    font-size: 17px;
    color: #c8c8c8;
    transition : all 0.5s ease 0s;
}
.form-horizontal .form-control:focus + i{
    color: #00b4ef;
}
.form-horizontal .fa-question-circle{
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 60px;
    font-size: 20px;
    color: #808080;
    transition: all 0.5s ease 0s;
}
.form-horizontal .fa-question-circle:hover{
    color: #000;
}
.form-horizontal .main-checkbox{
    float: left;
    width: 20px;
    height: 20px;
    background: #11a3fc;
    border-radius: 50%;
    position: relative;
    margin: 5px 0 0 5px;
    border: 1px solid #11a3fc;
}
.form-horizontal .main-checkbox label{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.form-horizontal .main-checkbox label:after{
    content: "";
    width: 10px;
    height: 5px;
    position: absolute;
    top: 5px;
    left: 4px;
    border: 3px solid #fff;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.form-horizontal .main-checkbox input[type=checkbox]{
    visibility: hidden;
}
.form-horizontal .main-checkbox input[type=checkbox]:checked + label:after{
    opacity: 1;
}
.form-horizontal .text{
    float: left;
    margin-left: 7px;
    line-height: 20px;
    padding-top: 5px;
    text-transform: capitalize;
}

@media only screen and (max-width: 479px){
    .form-horizontal .form-group{
        padding: 0 25px;
    }
    .form-horizontal .form-group i{
        left: 45px;
    }
    .form-horizontal .btn{
        padding: 10px 20px;
    }
}