/*!
 * fullPage 2.7.9
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}

.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 0;
    cursor: pointer;
    width: 100‰;
    height: 100%;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: -30%; width:50%;
    border-width: 20px;
    border-color: transparent #000 transparent transparent; background-color:#099
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 20px;
    border-color: transparent transparent transparent #000;
}
.fp-scrollable {
    overflow: scroll;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 15px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 9999;
    right: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 95px; right:15px; overflow:visible
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 10px;
    height: 20px;
    margin: 6px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 8px;
    width: 8px;
    margin: -3px 0 0 -3px;
    border-radius: 100%; background: rgb(0,0,0);
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 8px;
    width: 8px;
    border: 0;
    background: rgb(204,204,204);
    left: 50%;
    top: 50%;
    margin: -3px 0 0 -3px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 8px;
    height: 8px;
    margin: -3px 0px 0px -3px;background: rgb(255,220,0);
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

#menuproject				{ display:none}


@media only screen and (min-width: 320px) and (max-width: 767px) {

.project		 		{background-color:rgba(204,204,204,0); margin-top:90px; height:auto; width:100%; padding:0 5px 0 0}

.fp-tableCell 			{display: table-cell; vertical-align: text-top; width: 100%;height: 100%;}
.fp-tableCell 	h4		{padding:0px; }

.caption 				{width:100%;color:rgb(0,0,0); background:rgba(0,102,102,0) ; font-size:.35em;padding:0px 15px;margin-top:10px;margin-bottom:0px;  z-index:9999}
.caption h4 			{line-height:1.1em }

.projectimg				{width:100%; height: auto; overflow: hidden;padding:0px 15px }

.experienceimg			{width:100%; height:auto; margin:0px 0px 0 0; overflow: hidden; padding:0 15px }

.project-code			{width:auto; text-align:left; color:rgb(0,0,0); font-size:.4em; margin:63px 20px 0 0 ; position:fixed; z-index:1; right:0}
.project-code	h4		{padding:2px 5px; text-align:left; color:rgba(255,255,255,1);background:rgba(0,0,0,1); }

.tagtitle 				{width:auto; margin:5px 0 0 0;font-size:.4em;padding:0px 15px }
.tagtitle h4			{padding:2px 5px; text-align:left; color:rgba(255,255,255,1);background:rgba(0,0,0,1); width:auto; display:inline-block  }

.pretitle				{width:auto; text-align:left; color:rgb(0,0,0); font-size:.4em; margin:-27px 15px 0 0 ;float:right}
.pretitle	h4			{padding:2px 5px; text-align:left; color:rgba(255,255,255,1);background:rgba(0,0,0,1); }

.company 				{width:auto; margin:5px 0 0 0;font-size:.4em;padding:0px 15px }
.company	 h4			{padding:2px 5px; text-align:left; color:rgba(255,255,255,1);background:rgba(0,0,0,1); width:auto; display:inline-block  }

.tag					{width: auto; text-align:left; color:rgb(0,0,0); padding:0px 5px; background-color: rgba(255,25,255,0); margin:5px 5px 0 15px;  font-size:.3em; }

.tag2					{width: auto; text-align:left; color:rgb(0,0,0); padding:0px 5px; background-color: rgba(25,255,25,0); margin:5px 15px 0 5px; font-size:.3em; }

.tag h4					{ }
.tag h1					{line-height:1.3em; margin:1px 0 5px 0;font-size:2.2em;}

.tag2 h4				{ }
.tag2 h1				{line-height:1.3em; margin:1px 0 5px 0;font-size:2.2em; }
.tag2 h5				{line-height:1.3em; margin:1px 0 5px 0; color:rgba(255,255,255,1);background:rgba(0,0,0,1); padding:1px 5px;width:auto; display:inline-block }

#fp-nav.right {
    right: -10px;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 5px;
    width: 5px;
    margin: -10px 0 0 -10px;
    border-radius: 100%; background: rgb(0,0,0);
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 5px;
    width: 5px;
    border: 0;
    background: rgb(204,204,204);
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -10px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 5px;
    height: 5px;
    margin: -10px 0px 0px -10px;background: rgb(255,220,0);
}

#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 5px;
    height: 5px;
    margin: 10px;
    position:relative;
}

}


/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

.project		 		{background-color:rgba(204,204,204,0); margin-top:160px; height:auto; width:100%; }

.fp-tableCell 			{display: table-cell; vertical-align: text-top; width: 100%;height: 100%;}
.fp-tableCell 	h4		{padding:0px; }

.caption 				{width:100%;color:rgb(0,0,0); background:rgba(0,102,102,0) ; font-size:.6em;padding:0px 30px;margin-top:20px;margin-bottom:0px;  z-index:9999}
.caption h4 			{line-height:1.2em }

.projectimg				{width:100%; height: auto; overflow: hidden;padding:0px 15px;margin:0px 0 0px 0; }

.experienceimg			{width:100%; height:auto; margin:0px 0px 0 0; overflow: hidden; padding:0 15px }

.project-code			{width:auto; text-align:left; color:rgb(0,0,0); font-size:.6em; margin:120px 15px 0 0 ; position:fixed; z-index:9999; right:4%}
.project-code	h4		{padding:2px 10px; text-align:left; color:rgba(255,255,255,1);background:rgba(0,0,0,1); }

.tagtitle 				{width:auto; margin:10px 0 0 0;font-size:.6em;padding:0px 15px }
.tagtitle h4			{padding:2px 15px; text-align:left; color:rgba(255,255,255,1);background:rgba(0,0,0,1); width:auto; display:inline-block  }

.pretitle				{width:auto; text-align:left; color:rgb(0,0,0); font-size:.6em; margin:-40px 15px 0 0 ;float:right}
.pretitle	h4			{padding:2px 10px; text-align:left; color:rgba(255,255,255,1);background:rgba(0,0,0,1); }

.company 				{width:auto; margin:10px 0 0 0;font-size:.6em;padding:0px 15px }
.company	 h4			{padding:2px 15px; text-align:left; color:rgba(255,255,255,1);background:rgba(0,0,0,1); width:auto; display:inline-block  }

.tag					{width: auto; text-align:left; color:rgb(0,0,0); padding:0px; background-color: rgba(255,25,255,0); margin:10px 10px 0 30px;  font-size:.5em; }

.tag2					{width: auto; text-align:left; color:rgb(0,0,0); padding:0px; background-color: rgba(255,255,25,0); margin:10px 30px 0 10px; font-size:.5em; }

.tag h4					{ }
.tag h1					{line-height:1.1em; margin:5px 0 10px 0   }

.tag2 h4				{ }
.tag2 h1				{line-height:1.1em; margin:5px 0 10px 0   }
.tag2 h5				{line-height:1.1em; margin:5px 0 10px 0; color:rgba(255,255,255,1);background:rgba(0,0,0,1); padding:2px 10px;width:auto; display:inline-block }
}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
	
.project		 		{background-color:rgba(204,204,204,0); margin-top:125px; height:100%; width:100%; }

.fp-tableCell 			{display: table-cell; vertical-align: text-top; width: 100%;height: 100%;}
.fp-tableCell 	h2		{padding:3px; }

.caption 				{width:100%;color:rgb(0,0,0); background:rgba(0,102,102,0) ; font-size:.6em;padding:0px 15px 0 0;margin-top:40px;margin-bottom:0px; z-index:9999 }
.caption h4 			{line-height:1.2em }

.projectimg				{width:100%; height: auto; position:absolute;margin:0px; overflow: hidden;padding:0px 20px }

.experienceimg			{width:100%; height:auto; margin: -29px 0 0 0; overflow: hidden; padding:0 20px }

.project-code			{width:auto; text-align:left; color:rgb(0,0,0); font-size:.6em; margin-top:125px; position:fixed; z-index:9999;}
.project-code	h4		{padding:2px 10px; text-align:left; color:rgba(255,255,255,1);background:rgba(0,0,0,1); }

.tagtitle 				{width:auto; margin:27px 0 0 0;font-size:.6em;padding:0px }
.tagtitle h4			{padding:2px 10px; text-align:left; color:rgba(255,255,255,1);background:rgba(0,0,0,1); width:auto; display:inline-block  }

.pretitle 				{width:auto; margin:0px 0 0 0;font-size:.6em;padding:0px;}
.pretitle h4			{padding:2px 10px; text-align:left; color:rgba(255,255,255,1);background:rgba(0,0,0,1); width:auto; display:inline-block;  }

.company 				{width:auto; margin:0px 0 0 0;font-size:.6em;padding:0px }
.company h4				{padding:2px 10px; text-align:left; color:rgba(255,255,255,1);background:rgba(0,0,0,1); width:auto; display:inline-block  }

.tag					{width: 100%; text-align:left; height:auto;  color:rgb(0,0,0); padding:0 10px 0 0; background-color: rgba(255,25,255,0); margin:10px  0 0 0;  font-size:.5em;  }

.tag2					{width: 100%; text-align:left; height:auto;  color:rgb(0,0,0); padding:0 10px 0 0; background-color: rgba(255,25,55,0); margin:0px  0 0 0; font-size:.5em; }

.tag h4					{ }
.tag h1					{line-height:1.2em; margin:5px 0 5px 0;font-size:2.2em; }

.tag2 h4				{  }
.tag2 h1				{line-height:1.2em; margin:5px 0 5px 0; font-size:2.2em; }
.tag2 h5				{line-height:1.2em; margin:5px 0 5px 0; color:rgba(255,255,255,1);background:rgba(0,0,0,1); padding:2px 10px;width:auto; display:inline-block }
}

/* Large devices (desktops, 1200px ) */
@media (min-width: 1025px) and (max-width: 1823px) {

.project		 		{background-color:rgba(204,204,204,0); margin-top:140px; height:auto; width:100%;  }

.project-code			{width:auto; height:auto; text-align:left; color:rgb(0,0,0); font-size:.75em; margin:140px 14px; z-index:9999;  position:fixed}
.project-code	h4		{padding:3px 10px; text-align:left; color:rgba(255,255,255,1);background:rgba(0,0,0,1); width:auto }

.fp-tableCell 			{display: table-cell; vertical-align: text-top; width: 100%;height: 100%;}
.fp-tableCell 	h4		{padding:3px; }

.caption 				{color:rgb(0,0,0); background:rgba(0,102,102,0) ; font-size:.7em;padding:0px 15px;margin-top:45px;margin-bottom:0px; line-height:1.9em }
.caption h4 			{line-height:1.2em }

.projectimg				{width:auto; height: auto; position:absolute;margin:0px 10px 0 25px; overflow: hidden;  }

.experienceimg			{width:100%; height: auto; position:absolute;margin:-34px 0 0 0; overflow: hidden;padding:0 10px 0 25px  }

.tagtitle 				{width:auto; margin:34px 0 0 0;font-size:.75em;padding:0px 15px}
.tagtitle h4			{padding:2px 10px; text-align:left; color:rgba(255,255,255,1);background:rgba(0,0,0,1); width:auto; display:inline-block  }

.pretitle 				{width:auto; margin:0px 0 0 0;font-size:.75em;padding:0px 15px;}
.pretitle h4			{padding:2px 10px; text-align:left; color:rgba(255,255,255,1);background:rgba(0,0,0,1); width:auto; display:inline-block;  }

.company 				{width:auto; margin:-1px 0 0 0;font-size:.75em;padding:0px 15px}
.company h4 			{padding:2px 10px; text-align:left; color:rgba(255,255,255,1);background:rgba(0,0,0,1); width:auto; display:inline-block  }

.tag					{z-index: 0000 ; width: 100%; text-align:left; height:auto;  color:rgb(0,0,0); padding:0px 15px; background-color: rgba(255,255,255,0); margin:15px 0 0 0; font-size:.65em; }

.tag2					{z-index: 0000 ; width: 100%; text-align:left; height:auto;  color:rgb(0,0,0); padding:0px 15px; background-color: rgba(255,255,255,0); margin:0px 0 0 0; font-size:.65em; }

.tag h4					{}
.tag h1					{line-height:1.1em; margin:5px 0 10px 0; padding: 0 0 0 3px  }

.tag2 h4				{  }
.tag2 h1				{line-height:1.1em; margin:5px 0 10px 0 ; padding: 0 0 0 3px }
.tag2 h5				{line-height:1.1em; margin:5px 0 10px 0; color:rgba(255,255,255,1);background:rgba(0,0,0,1); padding:2px 10px;width:auto; display:inline-block }
}

/* Large devices (large desktops, 1824px and up) */
@media (min-width: 1824px) {
	
.project		 		{background-color:rgba(204,204,204,0); margin-top:165px; height:auto; width:100%;}

.project-code			{width:auto; height:auto; text-align:left; color:rgb(0,0,0); font-size:1em; margin:165px 25px; z-index:9999; position:fixed}
.project-code	h4		{text-align:left; color:rgba(255,255,255,1);background:rgba(0,0,0,1); width:auto;padding:3px 10px; }

.fp-tableCell 			{display: table-cell; vertical-align: text-top; width: 100%;height: 100%; position:relative}
.fp-tableCell 	h4		{padding:0px;}

.caption 				{color:rgb(0,0,0); background:rgba(0,102,102,0) ; font-size:1em;padding:0px 25px;margin-top:60px;margin-bottom:0px; line-height:2em }
.caption h4 			{line-height:1.2em }

.projectimg				{width:100%; height: auto; position:absolute;margin:0px 0 0 0; overflow: hidden;padding:0 10px 0 25px   }

.experienceimg			{width:100%; height: auto; position:absolute;margin:-44px 0 0 0; overflow: hidden;padding:0 10px 0 25px  }

.tagtitle 				{width:auto; margin:44px 0 0 0;font-size:1em;padding:0px 26px}
.tagtitle h4			{padding:3px 10px; text-align:left; color:rgba(255,255,255,1);background:rgba(0,0,0,1); width:auto; display:inline-block  }

.pretitle 				{width:auto; margin:0px 0 0 0;font-size:1em;padding:0px 26px;}
.pretitle h4			{padding:3px 10px; text-align:left; color:rgba(255,255,255,1);background:rgba(0,0,0,1); width:auto; display:inline-block;  }

.company 				{width:auto; margin:-1px 0 0 0;font-size:1em;padding:0px 26px}
.company h4				{padding:3px 10px; text-align:left; color:rgba(255,255,255,1);background:rgba(0,0,0,1); width:auto; display:inline-block  }

.tag					{z-index: 0000 ; width: 100%; text-align:left; height:auto; color:rgb(0,0,0); padding:0px 25px; background-color: rgba(255,255,255,0); margin:20px 0 0 0; font-size:.8em; }

.tag2					{z-index: 0000 ; width: 100%; text-align:left; height:auto;  color:rgb(0,0,0); padding:0px 25px; background-color: rgba(255,255,255,0); margin:0px  0 0 0; font-size:.8em; }

.tag h4					{  }
.tag h1					{line-height:1.1em; margin:5px 0 20px 0  }

.tag2 h4				{ }
.tag2 h1				{line-height:1.1em; margin:5px 0 20px 0  }
.tag2 h5				{line-height:1.1em; margin:5px 0 20px 0; color:rgba(255,255,255,1);background:rgba(0,0,0,1); padding:3px 10px;width:auto; display:inline-block }

}