.black-bg-wall{
	float:left;
	width:100%;
	background:url(../image/black-bg.jpg) no-repeat center/cover;
	padding:100px 75px;
}
/*.black-bg-wall{
	float:left;
	width:100%;
	background:#fff;
	padding:40px 0px;
}*/
.orange-wall{
	float:left;
	width:100%;
	background:url(../image/orange-wall.jpg) no-repeat center/cover;
	padding:80px 0px;
}

.animation-examples.one {
  color: #fcb417;
  animation: 1s animateBorderOne ease infinite;
  padding:10px;
  border-radius:50px;
}
@keyframes animateBorderOne {
  to {
    outline-color: #fcb417;
    box-shadow: 0 0 0 3px #3cd3ff;
  }
}
.animation-examples.two {
  color: #fcb417;
  animation: 1s animateBorderOne ease infinite;
  padding:10px;
  border-radius:50px;
}
@keyframes animateBordertwo {
  to {
    outline-color: #fcb417;
    box-shadow: 0 0 0 3px #fcb417;
  }
}
.orange-wall h3{
	float:left;
	width:100%;
	text-align:center;
	font-family: 'Raleway', sans-serif;
	color:#fff;
	font-size:33px;
	line-height:45px;
}
.orange-wall h3 b{
	color:#F90;
}
.orange-wall span{
	float:left;
	width:100%;
	text-align:center;
	z-index:999;
	margin-top:-320px;
	margin-left:-30px;
}
.iphone-icon{
	float:left;
	width:100%;
	text-align:center;
	margin-left:-351px;
	margin-top:-370px;
}
.contan{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
}
.iphone-icon-1{
	float:right;
	text-align:center;
	margin-top:-363px;
	margin-right:100px;
}


.angrytext {
 -webkit-animation: jump 1.5s ease 0s infinite normal ;
 animation: jump 1.5s ease 0s infinite normal ;
}
@-webkit-keyframes jump {
 0%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
 }
 20%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
 }
 40%{
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
 }
 50%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
 }
 60%{
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
 }
 80%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
 }
 100%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
 }
}

@keyframes jump {
 0%{
	transform: translateY(0);
 }
 20%{
	transform: translateY(0);
 }
 40%{
	transform: translateY(-30px);
 }
 50%{
	transform: translateY(0);
 }
 60%{
	transform: translateY(-15px);
 }
 80%{
	transform: translateY(0);
 }
 100%{
	transform: translateY(0);
 }
}

.orange-wall p{
	float:left;
	width:100%;
	text-align:center;
	padding-top:40px;
}
.orange-wall span img{
	width:424px;
	height:275px;
	margin-left:-5px;
}
.images-center{
	float:left;
	width:100%;
	text-align:center;
	padding-top:20px;
}

#particles {
   width: 100%;
   height: 550px;
   overflow: hidden;
   background: #eeeeee;
   opacity: 0.4;
}
.vi-web{
	float:left;
	width:88%;
	z-index:9999;
	position:relative;
	margin-top:-487px;
	font-size:25px;
	margin-left:12%;
}
.vi-web img{
	float:left;
}
.vi-web a{
	float:left;	
	padding-top:205px;
	margin-left:-260px;
	text-align:center;
	font-family: 'Lobster', cursive;
	font-size:50px;
	line-height:54px;
	text-decoration:none;
	color:#186486;
	text-shadow:3px 3px 3px #CCC;
}
#intro {
  position: absolute;
  left: 0;
  top: 50%;
  padding: 0 20px;
  width: 100%;
  text-align: center;
  z-index:9999;
}


.divider-contact a{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
background: rgb(255,168,76); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
	padding:14px 35px;
	font-size:20px;
	color:#fff;
	text-decoration:none;
	border-radius:40px;
	border:1px solid #e16700;
	border-bottom:4px solid #e16700;
}
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.cboth{
	clear:both;
	line-height:0px;
	font-size:0px;
	height:0px;
}
.main-center-text{
	float:left;
	width:100%;
	text-transform:uppercase;
	margin-top:-580px;
	z-index:9999;
	position:relative;
}
.main-center-text h1{
	float:left;
	width:100%;
	text-align:center;
	font-size:80px;
	color:#fff;
	font-weight:bold;
	padding-bottom:0px;
	margin-bottom:0px; 
}

.main-center-text p{
	float:left;
	width:100%;
	text-align:center;
	font-size:24px;
	color:#fff;
}
.footer-images{
	float:left;
	width:100%;
	background:#28acd2;
	padding-top:25px;	
}
.footer-images p{
	float:left;
	width:100%;
	text-align:center;
	font-size:15px;
	margin-top:-95px;
	z-index:999;
	position:relative;
	padding-left:30px;
	color:#999;	
	line-height:20px;
}

.footer-images p a{
	font-size:19px;
	color:#333;		
	font-weight:bold;
	font-family: 'Raleway', sans-serif;
	text-decoration:none;
	text-decoration:none;	

}
.footer-images p a:hover{
	color:#fc940f;
	text-decoration:none;
}
.footer-images div{
	float:left;
	width:100%;
	text-align:center;
}
.footer-images span{
	float:left;
	width:100%;
	text-align:center;
	z-index:999;
	position:relative;
	margin-top:-658px;
	padding-left:32px;
}
.footer-images strong{
	float:left;
	width:100%;
	text-align:center;
	margin-top:-82px;
	padding-left:31px;
}
.ff-lfet{
	float:left;
	width:45%;
}
.ff-lfet img{
	float:left;
	width:100%;
}
.ff-right{
	float:left;
	width:55%;
}
.ff-right img{
	float:right;
	width:90%;
	padding-top:124px;
}


.amcharts-graph-g1 .amcharts-graph-stroke {
     stroke-dasharray: 3px 3px;
     stroke-linejoin: round;
     stroke-linecap: round;
     -webkit-animation: am-moving-dashes 1s linear infinite;
     animation: am-moving-dashes 1s linear infinite;
}

 @-webkit-keyframes am-moving-dashes {
     100% {
        stroke-dashoffset: -30px;
 }
}
@keyframes am-moving-dashes {
     100% {
         stroke-dashoffset: -30px;
 }
}

.lastBullet {
                -webkit-animation: am-pulsating 1s ease-out infinite;
                animation: am-pulsating 1s ease-out infinite;
            }
            @-webkit-keyframes am-pulsating {
                0% {
                    stroke-opacity: 1;
                    stroke-width: 0px;
                }
                100% {
                    stroke-opacity: 0;
                    stroke-width: 50px;
                }
            }
            @keyframes am-pulsating {
                0% {
                    stroke-opacity: 1;
                    stroke-width: 0px;
                }
                100% {
                    stroke-opacity: 0;
                    stroke-width: 50px;
                }
            }

            .amcharts-graph-column-front {
                -webkit-transition: all .3s .3s ease-out;
                transition: all .3s .3s ease-out;
            }
            .amcharts-graph-column-front:hover {
                fill: #496375;
                stroke: #496375;
                -webkit-transition: all .3s ease-out;
                transition: all .3s ease-out;
            }


            .amcharts-graph-g2 {
              stroke-linejoin: round;
              stroke-linecap: round;
              stroke-dasharray: 500%;
              stroke-dasharray: 0 \0/;    /* fixes IE prob */
              stroke-dashoffset: 0 \0/;   /* fixes IE prob */
              -webkit-animation: am-draw 40s;
              animation: am-draw 40s;
            }
            @-webkit-keyframes am-draw {
                0% {
                    stroke-dashoffset: 500%;
                }
                100% {
                    stroke-dashoffset: 0px;
                }
            }
            @keyframes am-draw {
                0% {
                    stroke-dashoffset: 500%;
                }
                100% {
                    stroke-dashoffset: 0px;
                }
 }
 
 @import url(http://weloveiconfonts.com/api/?family=fontawesome);
 
/*.fa {
 width: 60px;
 display: block;
 text-align: center;
 color:#fff;
 line-height:45px;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
}
.fa-angle-double-down:before {content: "\f103";}*/
 
.bounce {
 position: absolute;
 bottom: 0px;
 left: 50% ;
 top:135%;
 width: 62px;
 height: 62px ;
 margin-left:-30px;
 border: 2px solid #FFF;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 border-radius:50%;
 animation: bounce 2s infinite;
 -webkit-animation: bounce 2s infinite;
 -moz-animation: bounce 2s infinite;
 -o-animation: bounce 2s infinite;
}
 
 
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}

.area{
  text-align:center;
  font-size:6em;
  color:#fff;
  letter-spacing: px;
  font-weight:700;
  text-transform:uppercase;
  animation:blur 5.0s ease-out infinite;
  text-shadow:0px 0px 5px #fff,
      0px 0px 7px #fff;
}

@keyframes blur{
  from{
      text-shadow:0px 0px 5px #fff,
      0px 0px 5px #fff, 
      0px 0px 12px #fff,
      0px 0px 12px #fff,
      0px 0px 12px #fff,
      0px 0px 12px #fff,
      0px 0px 12px #fff,
      0px 0px 12px #fff,
      0px 0px 12px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #7B96B8,
      0px 0px 300px #7B96B8,
      0px 10px 50px #7B96B8,
      0px 10px 50px #7B96B8,
      0px 10px 50px #7B96B8,
      0px 10px 50px #7B96B8,
      0px -10px 50px #7B96B8,
      0px -10px 50px #7B96B8;}
}

@media (max-width: 560px) {
#particles{
	height:350px;
}
	
}









#okCookie{
  background-color:#F2F2F2;
  color:#333333;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  padding:10px;
  font-family:sans-serif;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
  border-top:1px solid #ccc;
  z-index:10;
}

#okCookie p{margin:0 0 10px 0; float:left; padding:5px 0px;}

#okCookie #okClose, #okCookie #okCprivacy{
  padding:5px 20px;
  float:right;
  margin-left:10px;
  text-decoration:none;
  border-radius:3px;
  color:white;
}

#okCookie #okClose{
  background-color:#8cbf3d;
  text-shadow:0px 1px 1px #507F2B;
  box-shadow:inset 0px -1px 1px #507F2B;
}

#okCookie #okClose:hover{background-color:#42ce55}

#okCookie #okCprivacy{
  background-color:#8D9499;
  text-shadow:0px 1px 1px #63666B;
  box-shadow:inset 0px -1px 1px #63666B;
}

#okCookie #okCprivacy:hover{background-color:#a0a8ae}

.okcBeginAnimate{
    -webkit-animation: myfirst 2s; 
    animation: myfirst 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Standard syntax */
@keyframes myfirst {
    from {opacity: 0;}
    to {opacity: 1;}
}