/**
 * Here you can override the FullPage Theme

 */




#wpfp-navmenu {
	margin:0px;
	margin-top:25%;
	margin-left: 87%;
	position: fixed;
	font-family: 'Muli', sans-serif;
text-align: right;
font-size: 120%;
font-weight: 700;
 }

 /**** TEST *****/

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    display:block;
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,

.fp-slidesNav ul {
  margin: 0;
  padding: 0;


}
/* default */
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 150px;
    margin-top:20px;

    /*margin: 7px;*/
    height:100%;
  	border-right:rgba(0,0,0,0) solid .3vw;
  	padding-right:5%;
  }


/* when active */
#fp-nav ul li.active,
.fp-slidesNav ul li {
    display: block;
    width: 150px;
    margin-top:20px;

    /*margin: 7px;*/
    height:100%;
  	border-right:rgb(248, 169, 33) solid .3vw;
  	padding-right:5%;
  }

  /* on hover */
  #fp-nav ul li:hover,
.fp-slidesNav ul li {
    display: block;
    width: 150px;
    margin-top:20px;

    /*margin: 7px;*/
    height:100%;
  	border-right:rgb(248, 169, 33) solid .3vw;
  	padding-right:5%;
  }


.fp-slidesNav ul li {
    display: inline-block;





}
#fp-nav ul li a,
.fp-slidesNav ul li a {


    cursor: pointer;
    text-decoration: none;
    text-align:right;
}


#fp-nav ul li.active a p{


 	color:rgb(193, 34, 38);

    font-family: 'Muli', sans-serif;


}
/* active */
#fp-nav ul li a.active p,
.fp-slidesNav ul li a.active p,
#fp-nav ul li:hover a.active p,
.fp-slidesNav ul li:hover a.active p{

    height: 100%;
    width: 100%;
    margin: 0 0 0 0px;
    border-radius: 0;
  color:rgb(193, 34, 38);
    font-family: 'Muli', sans-serif;
    font-size: 120%;
    font-weight: 600;



 }
#fp-nav ul li a p,
.fp-slidesNav ul li a p {
  /*  border-radius: 0%;
    position: absolute;
    z-index: 1;
    height: 0px;
    width: 100%;
    border: 0;
    background: #333;
    left: 0%;
    top: 0%;*/
  	/* margin: 0px 0 0 0px;*/
   /* -webkit-transition: none 0.0s ease-in-out;
    -moz-transition: all 0.0s ease-in-out;
    -o-transition: all 0.0s ease-in-out;
    transition: all 0.0s ease-in-out;
    color:rgb(193, 34, 38);

    font-family: 'Muli', sans-serif;
    font-size: 120%;
    font-weight: 700;
    text-align:right;*/

  /*  margin: 0 0 0 0;*/
  -webkit-transition: none 0.0s ease-in-out;
    -moz-transition: all 0.0s ease-in-out;
    -o-transition: all 0.0s ease-in-out;
    transition: all 0.0s ease-in-out;
    border-radius: 0;
    color:rgb(193, 34, 38);
    font-family: 'Muli', sans-serif;
    font-size: 120%;
    font-weight: 600;
    margin: 0 0 0 0px;



}
/* on over */
#fp-nav ul li:hover a p,
.fp-slidesNav ul li:hover a p{
    width: 100%;
     height:100%;
    /*margin: 0px 0px 0px 0px;*/
    /*color:rgb(0, 0, 0);*/
     color:rgb(193, 34, 38);
    font-family: 'Muli', sans-serif;
    font-size: 120%;
    font-weight: 700;
    margin: 0 0 0 0px;



}
#fp-nav ul li .fp-tooltip {
   position: absolute;
    top: -20px;
    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.0s ease-in;
    transition: opacity 0s ease-in;
    width: auto;
    opacity: 0;
}
#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;
}

#fullpage .fp-tableCell article .inner-slide{
padding:0;
}


#fullpage .section:nth-of-type(1) {
background: url('http://abtec.org/wp/wp-content/uploads/2018/02/Home_Background02.svg') no-repeat center/cover;
}





/*#fullpage .section:nth-of-type(1) {
background-image: url('http://abtec.org/wp/wp-content/uploads/2017/12/Home_Background.svg');


}


#fullpage .section:nth-of-type(1) {
  position: relative;
  opacity: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
  padding:0;

}*/


/*#fullpage .section:nth-of-type(1) {
background: url('http://abtec.org/wp/wp-content/uploads/2017/12/Home_Background.svg') no-repeat center/cover ;

}*/




#fullpage .section:nth-of-type(3) {
background: url('http://abtec.org/wp/wp-content/uploads/2017/12/Projects_Background.svg') no-repeat center/cover;
}


#socialMediaIcons_Top {
text-align: left;
margin-left: 4%;

}


#ullpage .section:nth-of-type(2) .aboutWrapper
{
width:100%;
text-align:center;



}
#fullpage .section:nth-of-type(2) .aboutContainer
{

width:100%;

max-width:1000px;
 display: inline-block;


}

#fullpage .section:nth-of-type(4) .connectContainer
{

width:100%;
max-width:1000px;
display: inline-block;
font-family: 'Muli', sans-serif;
margin-top:5%;

}



#fullpage .section:nth-of-type(2) .leftCol
{
 float:left;
 width:50%;
height:500px;
color:#7E7F7F;
font-family: 'Muli', sans-serif;
/*border:solid;
border-color:blue;*/
margin-top:5%;
}
#fullpage .section:nth-of-type(2) .rightCol
{
text-align:right;
float:right;
 width:50%;
 height:700px;

}

#fullpage .section:nth-of-type(2) .rightCol img
{

max-height:700px;
float:right;
}

#fullpage .section:nth-of-type(2) .rightCol img {

vertical-align:top;
}


#fullpage .section:nth-of-type(2) p.sectionTitle {
font-weight: 600;
color: #c12226;
font-size:230%;
font-family: 'Muli', black;
display: inline-block;

}

#fullpage .section:nth-of-type(2) p.sectionTitle img{
vertical-align: middle;
}

#fullpage .section:nth-of-type(2) .cyberText img {
float:left;
vertical-align: middle;

}


#fullpage .section:nth-of-type(2) .innerP{

width:70%;
padding-left:20px;

}



#fullpage .section:nth-of-type(4) .mailchimpContainer {
/*border-style: solid;
border-color: red;*/
background:orange;
color:white;
font-size:100%;font-weight:700;
font-family: 'Muli', sans-serif;
height:60px;
line-height:80px;



}

#fullpage .section:nth-of-type(4) .contactText {
width:26.6%;
/*border-style: solid;
border-color: red; */
padding-left:10px;
padding-right:10px;
height:80px;
text-align:center;
vertical-align:middle;


}

#fullpage .section:nth-of-type(4) p.sectionTitle {
font-weight: 600;
color: #c12226;
font-size:230%;
font-family: 'Muli', black;
display: inline-block;

}

#fullpage .section:nth-of-type(4) p.sectionTitle img{
vertical-align: middle;
}


#fullpage .section:nth-of-type(4) .socialMediaText {
color:#7E7F7F;
font-size:80%;
font-weight:400;
font-family: 'Muli', sans-serif;
}


/* section 3 NEW:::: (Projects) */
#fullpage .section:nth-of-type(3) p.sectionTitle {
font-weight: 600;
color: #c12226;
font-size:230%;
font-family: 'Muli', black;
display: inline-block;
margin-top:5%;

}
#fullpage .section:nth-of-type(3) p.sectionTitle img{
vertical-align: middle;
}

#fullpage .section:nth-of-type(3) p.sectionTitle span{
display:inline-block;
margin-left:10px;
}

#fullpage .section:nth-of-type(3) wrap-section{
overflow: hidden;
width: 100%;
}

#fullpage .section:nth-of-type(3) .col-container{
    display: table; /* Make the container element behave like a table */
    width: 95%; /* Set full-width to expand the whole page */
    height:auto;
    margin-top:2%;
    text-align: center;
}
#fullpage .section:nth-of-type(3) .col-containerB{
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
    margin-top:2%;
    text-align: center;
}

#fullpage .section:nth-of-type(3) .colA{
    display: table-cell; /* Make elements inside the container behave like table cells */
    width:28%;
    margin:0;
     /*margin-left:5%;*/
     /*background:red;*/
    /*margin-right:5%;*/
    /* border around inner image */
   /* padding:2%;
    margin-left:5%;
    background: url('http://abtec.org/wp/wp-content/uploads/2017/11/Ellipse-154.svg') no-repeat top;
    background-size: auto;*/

}
/*sabine*/
#fullpage .section:nth-of-type(3) .colA div{
    /*display: table-cell; Make elements inside the container behave like table cells */
    width:125%;
    /* border around inner image */
    padding:2%;
   margin-left:-5%;
    background: url('http://abtec.org/wp/wp-content/uploads/2017/11/Ellipse-154.svg') no-repeat top;
    background-size: auto;


}




#fullpage .section:nth-of-type(3) .colA p { width:100%; color:white; text-align: center; padding-left:50px; font-family: 'Muli', sans-serif;}
#fullpage .section:nth-of-type(3) .colA div img {
width:60%;
padding:4%;
height:auto;
margin-left: auto;
margin-right: auto;
display: block;
}



#fullpage .section:nth-of-type(3) .colANoContent{
    display: table-cell; /* Make elements inside the container behave like table cells */
    width:25%;
    margin:0;
    /* border around inner image */
   /* padding:2%;
    margin-left:5%;*/
    background-size: auto;

}

#fullpage .section:nth-of-type(3) .colANoContent img {
width:75%;
height:auto;
margin-left: auto;
margin-right: auto;
display: block;
}

#fullpage .section:nth-of-type(3) .colANoContent div {
width:50%;
height:auto;
/*background:red;*/
}


 .scale {
  transform: scale(1,1);
  transition: transform 1s;
  transform-origin: 50% 50%;
  -moz-transform: scale(1,1);
  -moz-transition: transform 1s;
 -moz-transform-origin: 50% 50%;

}

.scale:hover {
  transform: scale(1.2,1.2);
  transition: transform 0.s;
   -moz-transform-origin: scale(1.2,1.2);
   -moz-transition: transform 0.s;
}

#fullpage .section:nth-of-type(3) .colB{
    display: table-cell; /* Make elements inside the container behave like table cells */
    width:25%;
    margin-left:5%;
}





/*home page svg css */
#fullpage .section:nth-of-type(1) .st0{fill:#F6F6F6;}
#fullpage .section:nth-of-type(1) .st1{fill:url(#Path_1_1_);}
#fullpage .section:nth-of-type(1) .st2{fill:#E42527;}
#fullpage .section:nth-of-type(1) .st3{fill:#F15623;}
#fullpage .section:nth-of-type(1) .st4{fill:#E5232F;}
#fullpage .section:nth-of-type(1) .st5{fill:#BE2732;}
#fullpage .section:nth-of-type(1) .st6{fill:#CB2128;}
#fullpage .section:nth-of-type(1) .st7{fill:#EE2A24;}
#fullpage .section:nth-of-type(1) .st8{fill:url(#Ellipse_102-2_1_);}
#fullpage .section:nth-of-type(1) .st9{fill:#C12226;}
#fullpage .section:nth-of-type(1) .st10{fill:#EA442D;}
#fullpage .section:nth-of-type(1) .st11{fill:url(#Ellipse_105-2_1_);}
#fullpage .section:nth-of-type(1) .st12{fill:#CB2632;}
#fullpage .section:nth-of-type(1) .st13{fill:url(#Ellipse_22-2_1_);}
#fullpage .section:nth-of-type(1) .st14{fill:#FBAC1E;}
#fullpage .section:nth-of-type(1) .st15{fill:#FBAB1B;}
#fullpage .section:nth-of-type(1) .st16{fill:#C32226;}
#fullpage .section:nth-of-type(1) .st17{fill:#EE2C24;}

/* about page svg css */

    #fullpage .section:nth-of-type(2) .st0{fill:#F6F6F6;}
	#fullpage .section:nth-of-type(2) .st1{fill:url(#Ellipse_199-2_1_);}
	#fullpage .section:nth-of-type(2) .st2{fill:#E5232F;}
	#fullpage .section:nth-of-type(2) .st3{fill:#C12226;}
	#fullpage .section:nth-of-type(2) .st4{fill:#FBAC1E;}
	#fullpage .section:nth-of-type(2) .st5{fill:#E42527;}
	#fullpage .section:nth-of-type(2) .st6{fill:#F15623;}
	#fullpage .section:nth-of-type(2) .st7{fill:#BE2732;}
	#fullpage .section:nth-of-type(2) .st8{fill:#EE2A24;}

#fullpage .section:nth-of-type(1).up {
  transform: translateY(0px);
  transition: transform 5s;
}

#fullpage .section:nth-of-type(2) .up {
  transform: translateY(0px);
  transition: transform 5s;
}

#fullpage .section:nth-of-type(1) .up:hover {
  transform: translateY(-70px);
  transition: transform 0.3s;
}

#fullpage .section:nth-of-type(1) .down {
  transform: translateY(0px);
  transition: transform 2s;
}

#fullpage .section:nth-of-type(1) .down:hover {
  transform: translateY(70px);
  transition: transform 0.3s;
}

#fullpage .section:nth-of-type(1) .right {
  transform: translateX(0px);
  transition: transform 5s;
}

#fullpage .section:nth-of-type(1) .right:hover {
  transform: translateX(70px);
  transition: transform 0.3s;
}

#fullpage .section:nth-of-type(1) .left {
  transform: translateX(0px);
  transition: transform 5s;
}

#fullpage .section:nth-of-type(1) .left:hover {
  transform: translateX(-70px);
  transition: transform 0.3s;
}

#fullpage .section:nth-of-type(1) .scale {
  transform: scale(1,1);
  transition: transform 1s;
  transform-origin: 50% 50%;
}

#fullpage .section:nth-of-type(1) .scale:hover {
  transform: scale(1.2,1.2);
  transition: transform 0.s;
}

#fullpage .section:nth-of-type(1) .rotate{
  -webkit-animation:spin 10s linear infinite;
      -moz-animation:spin 10s linear infinite;
      animation:spin 50s linear infinite;
      transform-origin: 50% 50%;
  }
  @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
  @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
  @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }
 }

 #fullpage .section:nth-of-type(1) .out{
   -webkit-animation:slip 10s linear infinite;
       -moz-animation:slip 10s linear infinite;
       animation:slip 30s linear infinite;
       transform-origin: 50% 50%;
   }
   @-moz-keyframes slip {
   0% { -moz-transform: translateX(0);}
   50% { -moz-transform: translate(25px,25px);}
   100% { -moz-transform: translateX(0); }
    }
   @-webkit-keyframes slip {
   0% { -webkit-transform: translateX(0);}
   50% { -webkit-transform: translate(25px,25px);}
   100% { -webkit-transform: translateX(0); }
    }
   @keyframes slip {
     0% { transform: translateX(0);}
     33% { transform: translate(25px,25px);}
     66% { transform: translate(-25px,-25px);}
     100% { -webkit-transform: translateX(0); transform: translateX(0); }
    }

   #fullpage .section:nth-of-type(1) .out2{
      -webkit-animation:slip2 10s linear infinite;
          -moz-animation:slip2 10s linear infinite;
          animation:slip2 20s linear infinite;
          transform-origin: 50% 50%;
      }



      @-moz-keyframes slip2 {
      0% { -moz-transform: translateX(0);}
      50% { -moz-transform: translate(15px,15px);}
      100% { -moz-transform: translateX(0); }
       }
      @-webkit-keyframes slip2 {
      0% { -webkit-transform: translateX(0);}
      50% { -webkit-transform: translate(30px,30px);}
      100% { -webkit-transform: translateX(0); }
       }
      @keyframes slip2 {
        0% { transform: translateX(0);}
        33% { transform: translate(-30px,-30px);}
        66% { transform: translate(50px,50px);}
        100% { -webkit-transform: translateX(0); transform: translateX(0); }
       }