/*HORIZONTAL*/

#menu-fpage {
  display: none;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
  margin-left: 0;
  padding: 8px 0;
}



#menu-fpage li {
  margin: 0 1%;
  transition: background 0.8s;
  border-radius: 50%;
  padding:3px 7px;
}

#menu-fpage li:nth-child(2){
        padding: 6px 8px;
        position: relative;
        bottom: 7px;
}

#menu-fpage li:hover, #fp-nav ul li:hover {
  background: #f7931e;
  border-radius: 50%;
  transition: background 0.8s;
}
#menu-fpage .active, #fp-nav .actived {
  background: #f7931e;
  border-radius: 50%;
}

/* #menu-fpage li:first-child.active, #fp-nav li:first-child.actived {
  background: #666;
  border-radius: 50%;
} */


/*VERTICAL*/

#fp-nav {
  display: block;
}

.fp-nav:after{
  content: "";
  display: block;
  position: absolute;
  bottom: -75px;
  left: -3px;
  width: 42px;
  height: 43px;
  background: url(../images/darrow.png) no-repeat;
}

.fp-nav ul::Before{
  display: inline-block;
content: "";
border-top: 1px solid #fff;
width: 20rem;
margin: 1.4em 0;
transform: translateY(-1rem);
position: absolute;
transform: rotate(90deg);
left: -81px;
top: -121px;
z-index: -37;
}

.fp-nav ul::after{
  display: inline-block;

content: "";

border-top: 1px solid #fff;

width: 4rem;

margin: 1.4em 0;

transform: translateY(-1rem);

position: absolute;

transform: rotate(90deg);

left: -1px;
}


#fp-nav ul {
  list-style: none;
}

/* #fp-nav:after{
  content: "";
  display: block;
  position: absolute;
  bottom: -75px;
  left: -3px;
  width: 42px;
  height: 43px;
  background: url(../images/darrow.png) no-repeat;
} */

/* #fp-nav ul::Before{
  display: inline-block;
content: "";
border-top: 1px solid #fff;
width: 16rem;
margin: 1.4em 0;
transform: translateY(-1rem);
position: absolute;
transform: rotate(90deg);
left: -62px;
top: -100px;
z-index: -37;
} */

/* #fp-nav ul::after{
  display: inline-block;

content: "";

border-top: 1px solid #fff;

width: 4rem;

margin: 1.4em 0;

transform: translateY(-1rem);

position: absolute;

transform: rotate(90deg);

left: -1px;
} */

#menu-fpage li:nth-child(1) a::before{
  content:"";
  background:url("../images/icons-nav.png");
  width:18px;
  height:23px;
  display:inline-block;
  position: relative;
  left: 2px;
  top: 3px;
}

#menu-fpage li:nth-child(3) a::before{
    content: "";
    background: url(../images/icons-nav.png)38px 0px;
    width: 19px;
    height: 23px;
    display: inline-block;
    position: relative;
    left: 1px;
    top: 1px;
}

#menu-fpage li:nth-child(4) a::before{
    content: "";
    background: url(../images/icons-nav.png)19px 0px;
    width: 19px;
    height: 23px;
    display: inline-block;
    position: relative;
    left: 1px;
    top: 3px;
}

#fp-nav ul li:nth-child(1) a::before {
  content:"";
  background:url("../images/icons-nav.png");
  width:18px;
  height:23px;
  display:inline-block;
  position: relative;
  left: 7px;
  top: 4px;
}
#fp-nav ul li:nth-child(2) a {
background:url("../images/check-list.svg") no-repeat center center;
height: 29px;
width: 25px;
margin: auto;
}
/* #fp-nav ul li:nth-child(3) a {
  background:url("../images/icon-slide4.png") no-repeat center center;
} */
#fp-nav ul li:nth-child(3) a::before {
    content: "";
    background: url(../images/icons-nav.png)38px 0px;
    width: 19px;
    height: 23px;
    display: inline-block;
    position: relative;
    left: 6px;
    top: 2px;
}
/* #fp-nav ul li:nth-child(4) a {
  background:url("../images/icon-slide3.png") no-repeat center center;
} */
#fp-nav ul li:nth-child(4) a::before {
  content: "";
    background: url(../images/icons-nav.png)19px 0px;
    width: 19px;
    height: 23px;
    display: inline-block;
    position: relative;
    left: 5px;
    top: 3px;
}
#fp-nav ul li a span {
  background:none;
}
#fp-nav-line {
  position: fixed;
  z-index: 1;
  margin-top: -32px;
  bottom: 0;
  left: 15%;
  margin-left: 18px;
  width: 1px;
  height: 100%;
  background: #fff;
  margin-bottom: 4px;
}
#fp-nav-line:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -4px;
  left: -21px;
  width: 42px;
  height: 43px;
  background: url(../images/darrow.png) no-repeat;
}
#fp-nav-line.line-lblue {
  background: -moz-linear-gradient(top, rgba(0,166,229,1) 32%, rgba(255,255,255,0) 33%);
  background: -webkit-linear-gradient(top, rgba(0,166,229,1) 32%,rgba(255,255,255,0) 33%);
  background: linear-gradient(to bottom, rgba(0,166,229,1) 32%,rgba(255,255,255,0) 33%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6e5', endColorstr='#00ffffff',GradientType=0 );
  transition: "background 1000s";
}
#fp-nav-line.line-lblue:after {
  display: none;
}

@media (min-height:900px) {
  #fp-nav-line {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 38%, rgba(255, 255, 255, 0) 39%, rgba(255, 255, 255, 0) 61.8%, rgba(255, 255, 255, 1) 63.5%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 38%, rgba(255, 255, 255, 0) 39%, rgba(255, 255, 255, 0) 61.8%, rgba(255, 255, 255, 1) 63.5%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 38%, rgba(255, 255, 255, 0) 39%, rgba(255, 255, 255, 0) 61.8%, rgba(255, 255, 255, 1) 63.5%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
  }
  #fp-nav-line.line-lblue {
    background: -moz-linear-gradient(top, rgba(0,166,229,1) 38%, rgba(255,255,255,0) 39%);
    background: -webkit-linear-gradient(top, rgba(0,166,229,1) 38%,rgba(255,255,255,0) 39%);
    background: linear-gradient(to bottom, rgba(0,166,229,1) 38%,rgba(255,255,255,0) 39%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6e5', endColorstr='#00ffffff',GradientType=0 );
  }
}
@media (min-height:1024px) {
  #fp-nav-line {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 39%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60.8%, rgba(255, 255, 255, 1) 61.5%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 39%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60.8%, rgba(255, 255, 255, 1) 61.5%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 39%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60.8%, rgba(255, 255, 255, 1) 61.5%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
  }
  #fp-nav-line.line-lblue {
    background: -moz-linear-gradient(top, rgba(0,166,229,1) 39%, rgba(255,255,255,0) 40%);
    background: -webkit-linear-gradient(top, rgba(0,166,229,1) 39%,rgba(255,255,255,0) 40%);
    background: linear-gradient(to bottom, rgba(0,166,229,1) 39%,rgba(255,255,255,0) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6e5', endColorstr='#00ffffff',GradientType=0 );
  }
}
@media (min-height:1200px) {
  #fp-nav-line {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 1) 60.5%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 1) 60.5%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 59%, rgba(255, 255, 255, 1) 60.5%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
  }
  #fp-nav-line.line-lblue {
    background: -moz-linear-gradient(top, rgba(0,166,229,1) 39%, rgba(255,255,255,0) 42%);
    background: -webkit-linear-gradient(top, rgba(0,166,229,1) 39%,rgba(255,255,255,0) 42%);
    background: linear-gradient(to bottom, rgba(0,166,229,1) 39%,rgba(255,255,255,0) 42%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6e5', endColorstr='#00ffffff',GradientType=0 );
  }
}
@media (min-height:1366px) {
  #fp-nav-line {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40.8%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 0) 57.5%, rgba(255, 255, 255, 1) 59%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40.8%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 0) 57.5%, rgba(255, 255, 255, 1) 59%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40.8%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 0) 57.5%, rgba(255, 255, 255, 1) 59%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
  }
  #fp-nav-line.line-lblue {
    background: -moz-linear-gradient(top, rgba(0,166,229,1) 42%, rgba(255,255,255,0) 42.8%);
    background: -webkit-linear-gradient(top, rgba(0,166,229,1) 42%,rgba(255,255,255,0) 42.8%);
    background: linear-gradient(to bottom, rgba(0,166,229,1) 42%,rgba(255,255,255,0) 42.8%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6e5', endColorstr='#00ffffff',GradientType=0 );
  }
}
@media (max-height:900px) {
  #fp-nav-line {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 37.5%, rgba(255, 255, 255, 0) 38.8%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 1) 64%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 37.8%, rgba(255, 255, 255, 0) 38.8%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 1) 64%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 37.5%, rgba(255, 255, 255, 0) 38.8%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 1) 64%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
  }
  #fp-nav-line.line-lblue {
    background: -moz-linear-gradient(top, rgba(0,166,229,1) 37%, rgba(255,255,255,0) 38.8%);
    background: -webkit-linear-gradient(top, rgba(0,166,229,1) 37%,rgba(255,255,255,0) 38.8%);
    background: linear-gradient(to bottom, rgba(0,166,229,1) 37%,rgba(255,255,255,0) 38.8%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6e5', endColorstr='#00ffffff',GradientType=0 );
  }
}
@media (max-height:800px) {
  #fp-nav-line {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 36%, rgba(255, 255, 255, 0) 37%, rgba(255, 255, 255, 0) 64%, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 36%, rgba(255, 255, 255, 0) 37%, rgba(255, 255, 255, 0) 64%, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 36%, rgba(255, 255, 255, 0) 37%, rgba(255, 255, 255, 0) 64%, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
  }
  #fp-nav-line.line-lblue {
    background: -moz-linear-gradient(top, rgba(0,166,229,1) 35.5%, rgba(255,255,255,0) 37.5%);
    background: -webkit-linear-gradient(top, rgba(0,166,229,1) 35.5%,rgba(255,255,255,0) 37.5%);
    background: linear-gradient(to bottom, rgba(0,166,229,1) 35.5%,rgba(255,255,255,0) 37.5%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6e5', endColorstr='#00ffffff',GradientType=0 );
  }
}
@media (max-height:768px) {
  #fp-nav-line {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 34%, rgba(255, 255, 255, 0) 36.8%, rgba(255, 255, 255, 0) 64.5%, rgba(255, 255, 255, 1) 67%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 34%, rgba(255, 255, 255, 0) 36.8%, rgba(255, 255, 255, 0) 64.5%, rgba(255, 255, 255, 1) 67%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 34%, rgba(255, 255, 255, 0) 36.8%, rgba(255, 255, 255, 0) 64.5%, rgba(255, 255, 255, 1) 67%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
  }
  #fp-nav-line.line-lblue {
    background: -moz-linear-gradient(top, rgba(0,166,229,1) 35.5%, rgba(255,255,255,0) 36.8%);
    background: -webkit-linear-gradient(top, rgba(0,166,229,1) 35.5%,rgba(255,255,255,0) 36.8%);
    background: linear-gradient(to bottom, rgba(0,166,229,1) 35.5%,rgba(255,255,255,0) 36.8%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6e5', endColorstr='#00ffffff',GradientType=0 );
  }
}
@media (max-height:645px) {
  #fp-nav-line {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0) 67.5%, rgba(255, 255, 255, 1) 68.5%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0) 67.5%, rgba(255, 255, 255, 1) 68.5%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0) 67.5%, rgba(255, 255, 255, 1) 68.5%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
  }
  #fp-nav-line.line-lblue {
    background: -moz-linear-gradient(top, rgba(0,166,229,1) 33%, rgba(255,255,255,0) 34%);
    background: -webkit-linear-gradient(top, rgba(0,166,229,1) 33%,rgba(255,255,255,0) 34%);
    background: linear-gradient(to bottom, rgba(0,166,229,1) 33%,rgba(255,255,255,0) 34%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6e5', endColorstr='#00ffffff',GradientType=0 );
  }
}
@media (max-height:550px) {
  #fp-nav-line {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 31.5%, rgba(255, 255, 255, 0) 70.5%, rgba(255, 255, 255, 1) 72.5%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 31.5%, rgba(255, 255, 255, 0) 70.5%, rgba(255, 255, 255, 1) 72.5%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 31.5%, rgba(255, 255, 255, 0) 70.5%, rgba(255, 255, 255, 1) 72.5%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
  }
  #fp-nav-line.line-lblue {
    background: -moz-linear-gradient(top, rgba(0,166,229,1) 30%, rgba(255,255,255,0) 31.5%);
    background: -webkit-linear-gradient(top, rgba(0,166,229,1) 30%,rgba(255,255,255,0) 31.5%);
    background: linear-gradient(to bottom, rgba(0,166,229,1) 30%,rgba(255,255,255,0) 31.5%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6e5', endColorstr='#00ffffff',GradientType=0 );
  }
}
@media (max-height:400px) {
  #fp-nav-line {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 23%, rgba(255, 255, 255, 0) 24%, rgba(255, 255, 255, 0) 77.5%, rgba(255, 255, 255, 1) 80.5%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 23%, rgba(255, 255, 255, 0) 24%, rgba(255, 255, 255, 0) 77.5%, rgba(255, 255, 255, 1) 80.5%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 23%, rgba(255, 255, 255, 0) 24%, rgba(255, 255, 255, 0) 77.5%, rgba(255, 255, 255, 1) 80.5%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
  }
  #fp-nav-line.line-lblue {
    background: -moz-linear-gradient(top, rgba(0,166,229,1) 22.8%, rgba(255,255,255,0) 24.5%);
    background: -webkit-linear-gradient(top, rgba(0,166,229,1) 22.8%,rgba(255,255,255,0) 24.5%);
    background: linear-gradient(to bottom, rgba(0,166,229,1) 22.8%,rgba(255,255,255,0) 24.5%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6e5', endColorstr='#00ffffff',GradientType=0 );
  }
}