#animation-banner * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*------ FOR RETINA DISPLAY ----------- */

/*body {padding:0;margin:0;}*/
#animation-banner  .container {margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;width: 970px;}
#animation-banner  .container:before,.container:after{display: table;content: " ";}
#animation-banner  .container:after {clear: both;}
#animation-banner.bg-gradient {
    background: rgb(162,162,162);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EyYTJhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2JjYmNiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk0JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMmMyYzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(162,162,162,1) 0%, rgba(188,188,188,1) 20%, rgba(234,234,234,1) 30%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 85%, rgba(232,232,232,1) 94%, rgba(194,194,194,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(162,162,162,1)), color-stop(20%,rgba(188,188,188,1)), color-stop(30%,rgba(234,234,234,1)), color-stop(46%,rgba(255,255,255,1)), color-stop(85%,rgba(255,255,255,1)), color-stop(94%,rgba(232,232,232,1)), color-stop(100%,rgba(194,194,194,1)));
    background: -webkit-linear-gradient(left,  rgba(162,162,162,1) 0%,rgba(188,188,188,1) 20%,rgba(234,234,234,1) 30%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 85%,rgba(232,232,232,1) 94%,rgba(194,194,194,1) 100%);
    background: -o-linear-gradient(left,  rgba(162,162,162,1) 0%,rgba(188,188,188,1) 20%,rgba(234,234,234,1) 30%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 85%,rgba(232,232,232,1) 94%,rgba(194,194,194,1) 100%);
    background: -ms-linear-gradient(left,  rgba(162,162,162,1) 0%,rgba(188,188,188,1) 20%,rgba(234,234,234,1) 30%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 85%,rgba(232,232,232,1) 94%,rgba(194,194,194,1) 100%);
    background: linear-gradient(to right,  rgba(162,162,162,1) 0%,rgba(188,188,188,1) 20%,rgba(234,234,234,1) 30%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 85%,rgba(232,232,232,1) 94%,rgba(194,194,194,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a2a2', endColorstr='#c2c2c2',GradientType=1 );
    position:relative;
}
#animation-banner  .bg-globe {background-image:url(img/globus.png);background-repeat: no-repeat;padding-top: 40px;padding-bottom: 40px;background-position: 99% center;}
#animation-banner.animation-banner {font-family: "Oswald";}
#animation-banner p {margin: 0 0 1.5em 0;color:#000;}
#animation-banner.fluid-container {overflow:hidden;}

#animation-banner .orange {color:#ff5722;}

#animation-banner .reference-content {float:right;width:410px;}
#animation-banner .vpn-content {float:left;width:719px;position:relative;}
#animation-banner .try-for-free {float:left;width: 100%;position:relative;    margin-top: 35px;}

#animation-banner .vpn-start-container {float:left;width: 288px;}
#animation-banner .vpn-devices {width:145px;height:389px;float:left;position: relative;z-index: 5;}
#animation-banner .cabels {width: 185px;height: 336px;background: url(img/retina/cabels%402x.png) no-repeat;position: absolute;top: 44px;left: 110px;background-size:100%;}
#animation-banner .tunnel-field {float: left;margin-top: 94px;text-align: center;}

#animation-banner .devices {background-image:url(img/kostra.png);background-repeat:no-repeat;float:left;position:relative;transform: scale(0);}

#animation-banner .devices.desktop {width: 144px;height: 116px;background-position:0 0;}
#animation-banner .devices.laptop {width: 143px;height: 92px;margin-top: 19px;background-position: 0px -134px;}
#animation-banner .devices.mobile {width: 44px;height: 71px;margin-top: 18px;background-position: 0 -246px;}
#animation-banner .devices.tablet {width: 94px;height: 69px;background-position: -50px -247px;margin-top: 19px;margin-left: 5px;}
#animation-banner .devices.router {width: 57px;height: 48px;background-position: -59px -340px;margin-top: 25px;margin-left: 24px;}


#animation-banner .socials {width:145px;height:389px;float:left;}
#animation-banner .soc {background-image:url(img/socials.png);background-repeat: no-repeat;position: absolute;}
#animation-banner .youtube-soc {background-position: 0 0;width: 55px;height: 55px; left: 44px;top: 20px;}
#animation-banner .skype-soc {background-position: 0 -82px;width: 55px;height: 40px;    top: 21px;left: 52px;}
#animation-banner .facebook-soc {background-position: 0 -219px;width: 20px;height: 20px;bottom: 27px;left: 14px;}
#animation-banner .twitter-soc {background-position: 0 -161px;width: 35px;height: 35px;    bottom: 17px;right: 33px;}

#animation-banner .soc.colored {opacity:0;}

#animation-banner .youtube-soc.colored {background-position: -73px 0;}
#animation-banner .skype-soc.colored {background-position: -73px -82px;}
#animation-banner .facebook-soc.colored {background-position: -74px -219px;}
#animation-banner .twitter-soc.colored {background-position: -73px -161px;}

#animation-banner .tunnel {background:url(img/tunnel-bg.png) no-repeat;width:285px;height:48px;font-size:1.4em;color:#fff;text-align:center;padding-top:7px;position: relative;z-index: 5;}
#animation-banner .tunnel .orange {font-weight:800;color:#58585A;position:relative;}
#animation-banner .tunnel .orange.active {position:absolute;top:0;left:0;opacity:0;}

#animation-banner .content-price {width:134px;height:134px;border-radius: 50%;color:#fff;transform: rotate(21deg) scale(2);-webkit-transform: rotate(21deg) scale(2);text-align: center;padding:20px 0px;position: absolute;right: 0;top:-43px;opacity:0;z-index:10;
                                  background: rgb(52,52,52);
                                  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzQzNDM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjM2MzYzNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNDQ0NDQ1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjNGI0YjRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUzNTM1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
                                  background: -moz-linear-gradient(45deg,  rgba(52,52,52,1) 0%, rgba(60,60,61,1) 25%, rgba(68,68,69,1) 50%, rgba(75,75,77,1) 75%, rgba(83,83,85,1) 100%);
                                  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(52,52,52,1)), color-stop(25%,rgba(60,60,61,1)), color-stop(50%,rgba(68,68,69,1)), color-stop(75%,rgba(75,75,77,1)), color-stop(100%,rgba(83,83,85,1)));
                                  background: -webkit-linear-gradient(45deg,  rgba(52,52,52,1) 0%,rgba(60,60,61,1) 25%,rgba(68,68,69,1) 50%,rgba(75,75,77,1) 75%,rgba(83,83,85,1) 100%);
                                  background: -o-linear-gradient(45deg,  rgba(52,52,52,1) 0%,rgba(60,60,61,1) 25%,rgba(68,68,69,1) 50%,rgba(75,75,77,1) 75%,rgba(83,83,85,1) 100%);
                                  background: -ms-linear-gradient(45deg,  rgba(52,52,52,1) 0%,rgba(60,60,61,1) 25%,rgba(68,68,69,1) 50%,rgba(75,75,77,1) 75%,rgba(83,83,85,1) 100%);
                                  background: linear-gradient(45deg,  rgba(52,52,52,1) 0%,rgba(60,60,61,1) 25%,rgba(68,68,69,1) 50%,rgba(75,75,77,1) 75%,rgba(83,83,85,1) 100%);
                                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#535355',GradientType=1 );
}
#animation-banner .font-big {font-size:4.4em;font-weight: 800;line-height:1em;}
#animation-banner .content-price p {margin:0;margin-bottom: 2px;text-transform: uppercase;font-weight: 100;font-size: 15px;line-height: 1.5em;color:#fff;}

#animation-banner .content-price sub {font-size: 2.2em;vertical-align: top;line-height: 1em;font-weight: 800;bottom: auto;}
#animation-banner .content-price sup {font-size: 1.4em;vertical-align: bottom;position: absolute;bottom:44px;right: 13px;top: auto;font-weight: 300;}

#animation-banner .button {background-color:#ff5722;color:#fff;padding:3px;text-transform: uppercase;font-size:2.5em;font-weight:800;border-radius:5px;text-shadow: 1px 1px 1px rgba(0,0,0,0.4);text-decoration:none;width:80%;display: inline-block;text-align: center;transition:background-color ease .3s;opacity:0;position:relative;z-index:2;line-height: 1.6em;}
#animation-banner .button:hover {background-color:#fc0505;}

#animation-banner .tunnel-field p{text-transform: uppercase;font-size:23px;line-height:1.5em;color:#fff;}

#animation-banner .try-for-free>p{text-transform: uppercase;font-size: 1.6em;font-weight:800;margin-bottom: 8px;width:0;white-space: nowrap;opacity:0;font-size:25px;line-height:1.5em;}

#animation-banner .vpn-title {display: block;position: relative;top: -8px;text-align: right;right: -6px;color: #000;line-height: 1.5em;font-size: 17px;font-weight: 100;}

#animation-banner .attacker {width:88px;height:88px;background-image:url(img/attackers.png);background-repeat:no-repeat;display:inline-block;position:relative;}
#animation-banner .attacker-way {width: 52px;height: 83px;position: absolute;}

#animation-banner .attacker-top {background-position: 0 0;top: -87px;}
#animation-banner .attacker-btm {background-position: 0 -136px;bottom: -87px;left: -9px;}

#animation-banner .attacker-top .attacker-way {background-position: -61px -142px;top: 91px;left:23px;width: 29px;}
#animation-banner .attacker-btm .attacker-way {background-position: 0 0;top: -83px;left: 62px;}

#animation-banner .attacker-top .attacker-arrow {width: 29px;height: 23px;left: -5px;position: absolute;background-image: url(img/attackers-top.png);background-position:center;background-size:100%;}
#animation-banner .attacker-btm .attacker-arrow {width: 29px;height: 23px;position: absolute;background-image: url(img/attackers-top.png);background-position:center;opacity:0;background-size:100%;}

#animation-banner .attacker-top .attacker-arrow-path {position: absolute;top: -65px;left: -53px;}
#animation-banner .attacker-btm .attacker-arrow-path {position: absolute;top: -84px;left:47px;}

#animation-banner .attacker-btm .attacker-arrow.finish {transform: rotate(70.968deg) !important;-webkit-transform: rotate(70.968deg) !important;}

#animation-banner .point {position: absolute;width: 4px;height: 4px;background-color: #cfcfcf;border-radius: 50%;opacity:0;}
#animation-banner .attacker-btm .point1 {left: 2px;bottom: 1px;}
#animation-banner .attacker-btm .point2 {left: 4px;bottom: 9px;}
#animation-banner .attacker-btm .point3 {left: 6px;bottom: 16px;}
#animation-banner .attacker-btm .point4 {left: 8px;bottom: 24px;}
#animation-banner .attacker-btm .point5 {left: 10px;bottom: 32px;}
#animation-banner .attacker-btm .point6 {left: 13px;bottom: 40px;}
#animation-banner .attacker-btm .point7 {left: 15px;bottom: 48px;}
#animation-banner .attacker-btm .point8 {left: 17px;bottom: 55px;}
#animation-banner .attacker-btm .point9 {left: 19px;bottom: 63px;}
#animation-banner .attacker-btm .point10 {left: 21px;bottom: 71px;}
#animation-banner .attacker-btm .point11 {left: 24px;bottom: 79px;}
#animation-banner .attacker-btm .point12 {left: 27px;top: 8px;}
#animation-banner .attacker-btm .point13 {left: 30px;top: 15px;}

#animation-banner .attacker-top .point1 {left: 24px;bottom: 79px;}
#animation-banner .attacker-top .point2 {left: 21px;bottom: 71px;}
#animation-banner .attacker-top .point3 {left: 19px;bottom: 63px;}
#animation-banner .attacker-top .point4 {left: 17px;bottom: 55px;}
#animation-banner .attacker-top .point5 {left: 15px;bottom: 48px;}
#animation-banner .attacker-top .point6 {left: 13px;bottom: 40px;}
#animation-banner .attacker-top .point7 {left: 10px;bottom: 32px;}
#animation-banner .attacker-top .point8 {left: 8px;bottom: 24px;}
#animation-banner .attacker-top .point9 {left: 6px;bottom: 16px;}
#animation-banner .attacker-top .point10 {left: 4px;bottom: 9px;}
#animation-banner .attacker-top .point11 {left: 2px;bottom: 1px;}

#animation-banner .attacker-top .point12 {left: -4px;bottom: 8px;}
#animation-banner .attacker-top .point13 {left: -8px;top: 63px;}

#animation-banner .reference-icon {width:100%;height:264px;position: relative;}
#animation-banner .reference-icon img,.reference-icon .retina-image {position: absolute;transform: scale(0);-webkit-transform: scale(0);}
#animation-banner .skype {top: 0px;left: 77px;}
#animation-banner .wii {bottom: 176px;left: 25px;}
#animation-banner .hulu {bottom: 125px;left: -13px;}
#animation-banner .google-play {bottom: 32px;left: 2px}
#animation-banner .ebay {top: 4px;right: 158px;}
#animation-banner .voip {bottom: 166px;right: 198px;}
#animation-banner .bbc {bottom: 109px;right: 225px;}
#animation-banner .netflix {bottom: 31px;right: 194px;}
#animation-banner .abc {bottom: 31px;right: 194px;}
#animation-banner .paypal {bottom: 191px;right: 89px;}
#animation-banner .store {bottom: 111px;right: 89px;}
#animation-banner .twitter {bottom: 88px;right: 160px;}
#animation-banner .facebook {bottom: 20px;right: 116px;}
#animation-banner .whatsapp {bottom: 211px;right: 43px;}
#animation-banner .youtube {bottom: 107px;right: 19px;}
#animation-banner .blogger {bottom: 35px;right: 42px;}

#animation-banner .vpn-server {float: left;margin-top: 155px;position:relative;}
#animation-banner .vpn-cabels {width: 113px;height: 60px;position: absolute;background: url(img/cabels-to-vpn.png) no-repeat;left: -41px;top: 25px;overflow:hidden;}
#animation-banner .vpn-image {width:104px;height: 73px;background: url(img/vpn.png) no-repeat;margin-left: 34px;float:left;position: relative;z-index: 5;top: -6px;background-position: -109px 0;}
#animation-banner .vpn-image.orange {background-position:0 0;position: absolute;top:20px;left:0;opacity:0;} 



#animation-banner .ball {width:6px;height:6px;background-color:#fff;border-radius: 50%;position: relative}

#animation-banner .walker { width:7px; height:7px; background:#bdbdbd; border-radius:50%; position:absolute;opacity:0;}

#animation-banner .maze {position: absolute;    height: 50px;width: 100%;}

#animation-banner .maze1 {;top: -3px;left:-3px;}
#animation-banner .maze2 {top:114px;left:-4px;}
#animation-banner .maze3 {top: 167px;left:-3px;}
#animation-banner .maze4 {top: 178px;left:-3px;}
#animation-banner .maze5 {top:-1px;}
#animation-banner .maze6 {top:-3px;}
#animation-banner .maze7 {top:31px;}
#animation-banner .maze8 {top: -3px;left: -2px;}

#animation-banner .back .walker {background-color: #ff5722;}
#animation-banner .back .maze2 {top: -39px;left: -11px;}
#animation-banner .back .maze5 {top: -1px;}
#animation-banner .back .maze6 {top: 17px;}
#animation-banner .back .maze7 {top: -18px;}
#animation-banner .back .maze8 {top: 36px;left: 1px;}

#animation-banner .vpn-cabels .walker {background-color: #ff5722;width:5px;height:5px;line-height:1em;}

  #animation-banner .youtube-soc.colored {background-size:100%;background-image:url(img/retina/youtube%402x.png);background-position: center;}
    #animation-banner .skype-soc.colored {background-size:100%;background-image:url(img/retina/skype%402x.png);background-position: center;width:39px;}
    #animation-banner .facebook-soc.colored {background-size:100%;background-image:url(img/retina/facebook%402x.png);background-position: center;}
    #animation-banner .twitter-soc.colored {background-image:url(img/retina/twitter%402x.png);background-size:100%;background-position: center;}

    #animation-banner .attacker-top {background-position:center;background-image:url(img/retina/attacker-top%40x2.png);background-size: 100%;}
    #animation-banner .attacker-btm {background-position:center;background-image:url(img/retina/attacker-btm%40x2.png);background-size: 100%;}

    #animation-banner .vpn-image {width:104px;background:url(img/retina/vpn-black-%40x2.png);background-size:100%;background-repeat:no-repeat;}
    #animation-banner .vpn-image.orange {background-position:center;background:url(img/retina/vpn-orange%40x2.png);background-size:100%;} 

    #animation-banner .devices.desktop {background-image:url(img/retina/desktop%40x2.png);background-repeat:no-repeat;background-size:100%;}
    #animation-banner .devices.laptop {width: 140px;background:url(img/retina/laptop%40x2.png) no-repeat center;background-size:100%;}
    #animation-banner .devices.mobile {width: 40px;background:url(img/retina/mobile%40x2.png) no-repeat center;background-size:100%;}
    #animation-banner .devices.tablet {background:url(img/retina/tablet%40x2.png) no-repeat center;background-size:100%;}
    #animation-banner .devices.router {background:url(img/retina/router%40x2.png) no-repeat center;background-size:100%;}
    #animation-banner .facebook-soc {left:11px;}
    #animation-banner .skype-soc {left: 50px;}
    #animation-banner .vpn-cabels {background: url(img/retina/cabels-to-vpn%402x.png) no-repeat;}
    #animation-banner .tunnel {background:url(img/retina/tunnel-bg%402x.png) no-repeat;background-size:100%}
    #animation-banner .vpn-cabels {width:101px;background:url("img/retina/cabels-to-vpn%402x.png");background-size:100%;}
    #animation-banner .vpn-text {position: relative;top: -1px;}
    #animation-banner .vpn-cabels {background: url(img/retina/cabels-to-vpn%402x.png) no-repeat;top: 25px;background-position: 10px 0px;background-size: 100%;}
    #animation-banner .cabels {background: url(img/retina/cabels%402x.png) no-repeat;background-size: 100%;}

#animation-banner .spinner-container {width:100%;height:100%;background-color:rgba(255,255,255,0.4);position:fixed;top:0;left:0;z-index: 100000;}
#animation-banner .spinner-content {left: 50%;position:absolute;top: 50%;transform: translate(-42%, -50%);-webkit-transform: translate(-42%, -50%);}
#animation-banner .spinner-box { position:relative; float:left; text-align:center; width:100%;}
#animation-banner .spinner-box .spinner {}

#animation-banner .spinner {
    margin: 6em auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 87, 34, 0.2);
    border-right: 1.1em solid rgba(255, 87, 34, 0.2);
    border-bottom: 1.1em solid rgba(255, 87, 34, 0.2);
    border-left: 1.1em solid #ff5722;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    background:transparent;
    float:none;
    left:auto;
    opacity:1;
    top: auto;
    z-index:10000;
    border-width: 0.6em;
}
#animation-banner .spinner,
#animation-banner .spinner:after {
    border-radius: 50%;
    width:5em;
    height:5em;
}
// Animace urřená Loaderu stránek
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

// Animace pro zobrazení devices a ikon společností / webkit a normal
@-webkit-keyframes zoom {
    0%   {-webkit-transform:scale(0); -webkit-animate-timing-function: ease-out;}
    50%  {-webkit-transform:scale(1.1); -webkit-animate-timing-function: ease-out;}
    75% {-webkit-transform:scale(0.9); -webkit-animate-timing-function: ease-out;}
    100% {-webkit-transform:scale(1); -webkit-animate-timing-function: ease-out;}
}
@keyframes zoom {
    0%   {transform:scale(0);}
    50%  {transform:scale(1.1);}
    75% {transform:scale(0.9);}
    100% {transform:scale(1);}
}
//Animace pro text "ENCRYPTED" / webkit a normal

@-webkit-keyframes textColor {
    0% {color:#58585A}
    50% {color:#FDFF00;text-shadow: 1px 1px 36px #EEF700;}
    100% {color: #ff5722;font-weight: 800;}
} 

@keyframes textColor {
    0% {color:#58585A}
    50% {color:#FDFF00;text-shadow: 1px 1px 36px #EEF700;}
    100% {color: #ff5722;font-weight: 800;}
} 

// Animace pro cenu,která se zobrazí jako razítko / webkit a normal

/*@media
only screen and (-webkit-min-device-pixel-ratio: 2),
 (min-resolution: 192dpi)
{ 
    #animation-banner .youtube-soc.colored {background-size:100%;background-image:url(img/retina/youtube@2x.png);background-position: center;}
    #animation-banner .skype-soc.colored {background-size:100%;background-image:url(img/retina/skype@2x.png);background-position: center;width:39px;}
    #animation-banner .facebook-soc.colored {background-size:100%;background-image:url(img/retina/facebook@2x.png);background-position: center;}
    #animation-banner .twitter-soc.colored {background-image:url(img/retina/twitter@2x.png);background-size:100%;background-position: center;}

    #animation-banner .attacker-top {background-position:center;background-image:url(img/retina/attacker-top@x2.png);background-size: 100%;}
    #animation-banner .attacker-btm {background-position:center;background-image:url(img/retina/attacker-btm@x2.png);background-size: 100%;}

    #animation-banner .vpn-image {width:104px;background:url(img/retina/vpn-black-@x2.png);background-size:100%;background-repeat:no-repeat;}
    #animation-banner .vpn-image.orange {background-position:center;background:url(img/retina/vpn-orange@x2.png);background-size:100%;} 

    #animation-banner .devices.desktop {background-image:url(img/retina/desktop@x2.png);background-repeat:no-repeat;background-size:100%;}
    #animation-banner .devices.laptop {width: 140px;background:url(img/retina/laptop@x2.png) no-repeat center;background-size:100%;}
    #animation-banner .devices.mobile {width: 40px;background:url(img/retina/mobile@x2.png) no-repeat center;background-size:100%;}
    #animation-banner .devices.tablet {background:url(img/retina/tablet@x2.png) no-repeat center;background-size:100%;}
    #animation-banner .devices.router {background:url(img/retina/router@x2.png) no-repeat center;background-size:100%;}
    #animation-banner .facebook-soc {left:11px;}
    #animation-banner .skype-soc {left: 50px;}
    #animation-banner .vpn-cabels {background: url(img/retina/cabels-to-vpn@2x.png) no-repeat;}
    #animation-banner .tunnel {background:url(img/retina/tunnel-bg@2x.png) no-repeat;background-size:100%}
    #animation-banner .vpn-cabels {width:101px;background:url("img/retina/cabels-to-vpn@2x.png");background-size:100%;}
    #animation-banner .vpn-text {position: relative;top: -1px;}
    #animation-banner .vpn-cabels {background: url(img/retina/cabels-to-vpn@2x.png) no-repeat;top: 25px;background-position: 10px 0px;background-size: 100%;}
    #animation-banner .cabels {background: url(img/retina/cabels@2x.png) no-repeat;background-size: 100%;}

    #animation-banner.bg-gradient {
    background: #a2a2a2;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EyYTJhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2JjYmNiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk0JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMmMyYzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #a2a2a2 0%, #bcbcbc 20%, #eaeaea 30%, #ffffff 46%, #ffffff 85%, #e8e8e8 94%, #c2c2c2 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a2a2a2), color-stop(20%,#bcbcbc), color-stop(30%,#eaeaea), color-stop(46%,#ffffff), color-stop(85%,#ffffff), color-stop(94%,#e8e8e8), color-stop(100%,#c2c2c2));
background: -webkit-linear-gradient(left,  #a2a2a2 0%,#bcbcbc 20%,#eaeaea 30%,#ffffff 46%,#ffffff 85%,#e8e8e8 94%,#c2c2c2 100%);
background: -o-linear-gradient(left,  #a2a2a2 0%,#bcbcbc 20%,#eaeaea 30%,#ffffff 46%,#ffffff 85%,#e8e8e8 94%,#c2c2c2 100%);
background: -ms-linear-gradient(left,  #a2a2a2 0%,#bcbcbc 20%,#eaeaea 30%,#ffffff 46%,#ffffff 85%,#e8e8e8 94%,#c2c2c2 100%);
background: linear-gradient(to right,  #a2a2a2 0%,#bcbcbc 20%,#eaeaea 30%,#ffffff 46%,#ffffff 85%,#e8e8e8 94%,#c2c2c2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a2a2', endColorstr='#c2c2c2',GradientType=1 );
}
}*/

#animation-banner .lightUp,#animation-banner .fadein {opacity:0;}

#animation-banner .vpn-title{opacity:0;}
#animation-banner .attacker {opacity:0}

#animation-banner .zoomIt.active {animation-name: zoom;animation-duration:1s;-webkit-animation-name: zoom;-webkit-animation-duration:1s; -webkit-animation-timing-function: linear;-webkit-animation-direction: alternate;}

#animation-banner .ball {animation-name: ball;animation-duration:1s;-webkit-animation-iteration-count:100; /* Chrome, Safari, Opera */animation-iteration-count:100;}
#animation-banner .reference-icon.active {animation-name: zoom;animation-duration:1.2s;-webkit-animation-name: zoom;-webkit-animation-duration:1.2s;animation-timing-function: ease;-webkit-animation-timing-function: ease;}

#animation-banner .tunnel .orange.active {text-shadow: 1px 1px 36px #EEF700;color:#FDFF00 !important;}

#animation-banner .retina-image {background-repeat: no-repeat;background-size:100%;background-position: 0 0;}

#animation-banner .retina-image.netflix{height:26px;width:94px;background-image:url(img/retina/netflix%402x.png);}
#animation-banner .retina-image.abc{height:50px;width:50px;background-image:url(img/retina/abc%402x.png);}
#animation-banner .retina-image.google-play {background-image:url(img/retina/googleplay%402x.png);width:95px;height:72px;}
#animation-banner .retina-image.bbc {background-image:url(img/retina/bbc%402x.png);width:95px;height:28px;}
#animation-banner .retina-image.blogger {background-image:url(img/retina/blogger%402x.png);width:50px;height:50px;}
#animation-banner .retina-image.ebay {background-image:url(img/retina/ebay%402x.png);width:95px;height:36px;}
#animation-banner .retina-image.facebook {background-image:url(img/retina/facebook%402x.png);width:50px;height:49px;}
#animation-banner .retina-image.hulu {background-image:url(img/retina/hulu%402x.png);width:77px;height:26px;}
#animation-banner .retina-image.store {background-image:url(img/retina/store%402x.png);width:51px;height:50px;}
#animation-banner .retina-image.paypal {background-image:url(img/retina/paypal%402x.png);width:79px;height:23px;}
#animation-banner .retina-image.skype {background-image:url(img/retina/skype%402x.png);width:50px;height:51px;}
#animation-banner .retina-image.twitter {background-image:url(img/retina/twitter%402x.png);width:48px;height:48px;}
#animation-banner .retina-image.voip {background-image:url(img/retina/voip%402x.png);width:80px;height:37px;}
#animation-banner .retina-image.wii {background-image:url(img/retina/wii%402x.png);width:46px;height:46px;}
#animation-banner .retina-image.youtube {background-image:url(img/retina/youtube%402x.png);width:49px;height:50px;}
#animation-banner .retina-image.whatsapp {background-image:url(img/retina/whatsapp%402x.png);width:51px;height:56px;}


    #animation-banner.macinstosh-fix-mobile-landscape .skype-soc.colored {background-size:100%;background-image:url(img/retina/skype%402x.png);background-position: center;width:39px;}
    #animation-banner.macinstosh-fix-mobile-landscape .vpn-image {width:90px;top:-1px;height:64px}
    #animation-banner.macinstosh-fix-mobile-landscape .vpn-image.orange {top:23px;}
    #animation-banner.macinstosh-fix-mobile-landscape .vpn-server {margin-left: -5px;}  
    #animation-banner.macinstosh-fix-mobile-landscape .attacker-btm .attacker-arrow.finish {left: 39.5271px !important;}
    #animation-banner.macinstosh-fix-mobile-landscape .vpn-cabels {width:94px;background-position: 7px 0;}
    #animation-banner.macinstosh-fix-mobile-landscape .vpn-text {position: relative;top:0;}
    #animation-banner.macinstosh-fix-mobile-landscape .facebook-soc.colored {left: 28%;}
    
    
    
    #animation-banner.macinstosh-fix-mobile-portait .skype-soc.colored {background-size:100%;background-image:url(img/retina/skype%402x.png);background-position: center;width:27px;}
    #animation-banner.macinstosh-fix-mobile-portait .vpn-image.black {background-position: center;}
    #animation-banner.macinstosh-fix-mobile-portait .vpn-image {width:74px;}
    #animation-banner.macinstosh-fix-mobile-portait .devices.laptop {background-position: center;width: 99px;}
    #animation-banner.macinstosh-fix-mobile-portait .devices.mobile {background-size:100%;width:27px;background-position: center;background-image:url(img/retina/mobile%40x2.png);}
    #animation-banner.macinstosh-fix-mobile-portait .devices.tablet {background-size: 100% auto;width: 65.4px;background-position: center center;height: 49px;margin-left: 5px;margin-top: 18px;}
    #animation-banner.macinstosh-fix-mobile-portait .devices.router {background-position:center;background-size:100%;height:48px;margin-left:25px;margin-top:8px;width:50px;}
    #animation-banner.macinstosh-fix-mobile-portait .skype-soc {left: 37px;}
    #animation-banner.macinstosh-fix-mobile-portait .vpn-image.orange {left:0;}
    #animation-banner.macinstosh-fix-mobile-portait .vpn-cabels {width: 72px;background-position: 9px 0;}
    #animation-banner.macinstosh-fix-mobile-portait .vpn-text {position: relative;top:0;}
    #animation-banner.macinstosh-fix-mobile-portait .facebook-soc {left:7px;}
    
    
        #animation-banner.bg-gradient {
    background: #a2a2a2;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EyYTJhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2JjYmNiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk0JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMmMyYzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #a2a2a2 0%, #bcbcbc 20%, #eaeaea 30%, #ffffff 46%, #ffffff 85%, #e8e8e8 94%, #c2c2c2 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a2a2a2), color-stop(20%,#bcbcbc), color-stop(30%,#eaeaea), color-stop(46%,#ffffff), color-stop(85%,#ffffff), color-stop(94%,#e8e8e8), color-stop(100%,#c2c2c2));
background: -webkit-linear-gradient(left,  #a2a2a2 0%,#bcbcbc 20%,#eaeaea 30%,#ffffff 46%,#ffffff 85%,#e8e8e8 94%,#c2c2c2 100%);
background: -o-linear-gradient(left,  #a2a2a2 0%,#bcbcbc 20%,#eaeaea 30%,#ffffff 46%,#ffffff 85%,#e8e8e8 94%,#c2c2c2 100%);
background: -ms-linear-gradient(left,  #a2a2a2 0%,#bcbcbc 20%,#eaeaea 30%,#ffffff 46%,#ffffff 85%,#e8e8e8 94%,#c2c2c2 100%);
background: linear-gradient(to right,  #a2a2a2 0%,#bcbcbc 20%,#eaeaea 30%,#ffffff 46%,#ffffff 85%,#e8e8e8 94%,#c2c2c2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a2a2', endColorstr='#c2c2c2',GradientType=1 );
}


#animation-banner .vpn-cabels .maze .walker.finish {background:transparent;}
@media (min-width: 1200px) {
    #animation-banner .abc {bottom: 20px;right: 220px;}

    #animation-banner .container {width: 1170px;}
    #animation-banner.bg-globe {background-position: 99.7% center;}
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
    #animation-banner .container {width: 970px;}
    #animation-banner .reference-content {float: right;width: 38%;}
    #animation-banner .vpn-content {width: 62%;}
    #animation-banner .cabels {left: 59px;width: 185px;}
    #animation-banner .vpn-start-container {width: 232px;}
    #animation-banner .tunnel-field {margin-top: 99px;}
    #animation-banner .tunnel {background-size:100% auto;font-size: 1.1em;height:39px;padding-top: 6px;width: 228px;}
    #animation-banner .vpn-cabels {left: -41px;top: 30px;width: 97px;background-size: 100%;}
    #animation-banner .vpn-image {background-size: 204% auto;height: 63px;margin-left: 22px;top: 0px;width: 89px;background-position: -93px;}
    #animation-banner .vpn-server {margin-top: 155px;}
    #animation-banner .vpn-image.orange {top: 25px;}
    #animation-banner .try-for-free > p {font-size: 1.6em;}
    #animation-banner .content-price {height: 124px;width: 124px;background-size: 100%;}
    #animation-banner .content-price sup {bottom: 21px;right: 14px;}
    #animation-banner .google-play {bottom: 32px;left: 12px;}
    #animation-banner .hulu {bottom: 147px;left: 9px;}
    #animation-banner .voip {bottom: 158px;right: 163px;}
    #animation-banner .ebay {right: 99px;top: 2px;}
    #animation-banner .skype {left: 97px;top: 0;}
    #animation-banner .wii {bottom: 177px;left: 44px;}
    #animation-banner .paypal {bottom: 181px;right: 71px;}
    #animation-banner .netflix {bottom: 0px;right: 194px;}
    #animation-banner .abc {bottom: 0px;right: 194px;}
    #animation-banner .devices.router {margin-left: 5px;}
    #animation-banner .font-big {font-size: 4.2em;}
    #animation-banner .content-price sup {bottom: 34px;right: 14px;font-size:1.2em;}
    #animation-banner .vpn-title {line-height: 1.45em;}

    #animation-banner .maze5 {top: -1px;left: -7px;}
    #animation-banner .maze6 {top: -6px;left: -11px;}
    #animation-banner .maze7 {top: 26px;left: -9px;}
    #animation-banner .maze8 {top: -10px;left: -8px;}

    #animation-banner .back .maze5 {top: -5px;}
    #animation-banner .back .maze6 {top: 15px;left: -13px;}
    #animation-banner .back .maze7 {top: -23px;left: -12px;}
    #animation-banner .back .maze8 {left: -8px;top: 29px;}

    #animation-banner .bg-globe {background-position: 99% 25px;background-size: 36%;}

    #animation-banner .facebook-soc.colored {width: 18px;left: 30.5%;}
    #animation-banner .twitter-soc.colored {width: 34px;}
    #animation-banner .skype-soc.colored {width: 39px;}
    #animation-banner .reference-icon {height:264px !important;}

    #animation-banner .tunnel-field p {font-size: 18px;line-height: 1.4em;}
    #animation-banner .youtube-soc.colored {background-size:100%;background-image:url(img/retina/youtube%402x.png);background-position: center;}
    #animation-banner .skype-soc.colored {background-size:100%;background-image:url(img/retina/skype%402x.png);background-position: center;}
    #animation-banner .facebook-soc.colored {background-size:100%;background-image:url(img/retina/facebook%402x.png);background-position: center;}
    #animation-banner .twitter-soc.colored {background-image:url(img/retina/twitter%402x.png);background-size:100%;background-position: center;}

    #animation-banner .attacker-btm .attacker-arrow-path {left:45px;}
    
    
        #animation-banner .youtube-soc.colored {background-size:100%;background-image:url(img/retina/youtube%402x.png);background-position: center;}
    #animation-banner .skype-soc.colored {background-size:100%;background-image:url(img/retina/skype%402x.png);background-position: center;width:39px;}
    #animation-banner .facebook-soc.colored {background-size:100%;background-image:url(img/retina/facebook%402x.png);background-position: center;}
    #animation-banner .twitter-soc.colored {background-image:url(img/retina/twitter%402x.png);background-size:100%;background-position: center;}

    #animation-banner .attacker-top {background-position:center;background-image:url(img/retina/attacker-top%40x2.png);background-size: 100%;}
    #animation-banner .attacker-btm {background-position:center;background-image:url(img/retina/attacker-btm%40x2.png);background-size: 100%;}

    #animation-banner .vpn-image {width:104px;background:url(img/retina/vpn-black-%40x2.png);background-size:100%;background-repeat:no-repeat;}
    #animation-banner .vpn-image.orange {background-position:center;background:url(img/retina/vpn-orange%40x2.png);background-size:100%;} 

    #animation-banner .devices.desktop {background-image:url(img/retina/desktop%40x2.png);background-repeat:no-repeat;background-size:100%;}
    #animation-banner .devices.laptop {width: 140px;background:url(img/retina/laptop%40x2.png) no-repeat center;background-size:100%;}
    #animation-banner .devices.mobile {width: 40px;background:url(img/retina/mobile%40x2.png) no-repeat center;background-size:100%;}
    #animation-banner .devices.tablet {background:url(img/retina/tablet%40x2.png) no-repeat center;background-size:100%;}
    #animation-banner .devices.router {background:url(img/retina/router%40x2.png) no-repeat center;background-size:100%;}
    #animation-banner .facebook-soc {left:12px;}
    #animation-banner .skype-soc {left: 50px;}
    #animation-banner .vpn-cabels {background: url(img/retina/cabels-to-vpn%402x.png) no-repeat;}
    #animation-banner .tunnel {background:url(img/retina/tunnel-bg%402x.png) no-repeat;background-size:100%}
    #animation-banner .vpn-cabels {width:101px;background:url("img/retina/cabels-to-vpn%402x.png");background-size:100%;}
    #animation-banner .vpn-text {position: relative;top: -1px;}
    #animation-banner .vpn-cabels {background: url(img/retina/cabels-to-vpn%402x.png) no-repeat;top: 27px;background-position: 10px 0px;background-size: 100%;}
    #animation-banner .cabels {background: url(img/retina/cabels%402x.png) no-repeat;background-size: 100%;}
    
     #animation-banner .skype-soc.colored {background-size:100%;background-image:url(img/retina/skype%402x.png);background-position: center;width:39px;}
    #animation-banner .vpn-image {width:89px;top:-1px;}
    #animation-banner .vpn-image.orange {top:24px;}
    #animation-banner .vpn-server {margin-left: 0;}  
    #animation-banner .attacker-btm .attacker-arrow.finish {left: 39.5271px !important;}
    #animation-banner .vpn-cabels {width: 88px;background-position: 9px 0;}
    #animation-banner .vpn-text {position: relative;top:0;}
    #animation-banner .facebook-soc.colored {left: 28%;}

}
@media only screen and (min-width: 768px) and (max-width: 959px) { 
    #animation-banner .container {width: 750px;}
    #animation-banner .vpn-content {width:67%;}
    #animation-banner .reference-content {width:33%;}
    #animation-banner .devices.desktop {background-size: 100%;}
    #animation-banner .devices.desktop {height: 81px;width: 100px;}
    #animation-banner .youtube-soc {left: 34px;top: 17px;height: 30px;width: 31px;background-size: 218%;}
    #animation-banner .youtube-soc.colored {background-position: -39px 0;}
    #animation-banner .twitter-soc { bottom: 12px;height: 25px;right: 25px;width: 25px;background-size: 315% auto;background-position: 4px -97px;}
    #animation-banner .twitter-soc.colored {background-position: -41px -97px;}
    #animation-banner .devices {background-size: 100%;}
    #animation-banner .devices.laptop {background-position: 0 -91px;height: 67px;margin-top: 19px;width: 100px;}
    #animation-banner .skype-soc {left: 37px;top: 11px;height: 38px;width: 33px;background-size: 264%;background-position: 0 -51px}
    #animation-banner .skype-soc.colored {background-position: -49px -51px;}
    #animation-banner .devices.mobile {background-position: 0 -163px;height: 48px;width: 32px;background-size: 301%;}
    #animation-banner .facebook-soc {bottom: 18px;left: 7px; height: 13px;width: 13px;background-size: 647%;background-position: 2px -144px;}
    #animation-banner .facebook-soc.colored {background-position: -47px -144px;}
    #animation-banner .devices.tablet {background-position: -33px -165px;height: 47px;margin-left: 1px;margin-top: 19px;width: 65px;background-size: 149%;}
    #animation-banner .vpn-devices {height: 302px;width: 101px;}
    #animation-banner .devices.router {background-position: -45px -293px;background-size: 220% auto;height: 48px;margin-left: 23px;margin-top: 9px;width: 57px;}
    #animation-banner .cabels { background-size: 100% auto;height: 235px;left: 64px;position: absolute;top: 44px;width: 129px;}
    #animation-banner .vpn-start-container {width: 186px;}
    #animation-banner .tunnel {height: 34px;padding-top: 5px;width: 197px;background-size: 100%;font-size: 1em;}
    #animation-banner .tunnel-field { margin-top: 68px;}
    #animation-banner .vpn-image {background-size:196% auto;float: left;height: 51px;margin-left: 19px;top: -1px;width: 75px;}
    #animation-banner .vpn-server {margin-top: 113px;margin-left:-4px;}
    #animation-banner .vpn-image.black {background-position:-74px 0;}
    #animation-banner .vpn-image.orange {left: 1px;}
    #animation-banner .vpn-cabels {height: 60px;left: -35px;position: absolute;top: 24px;width: 81px;background-size:100%;}
    #animation-banner .vpn-title {font-size: 0.9em;    right: -4px;top: -4px;}
    #animation-banner .reference-icon .retina-image,.reference-icon img {width: 13%;}
    #animation-banner .try-for-free > p {font-size:1em;}
    #animation-banner .content-price {width:100px;height: 100px;top: -62px;background-size:100%;}
    #animation-banner .content-price p {font-size: 1.2em;line-height: 1em;margin-bottom: 9px;margin-top: -4px;}
    #animation-banner .font-big {font-size:3em;}
    #animation-banner .content-price sub {font-size: 1.5em;}
    #animation-banner .content-price sup {bottom: 28px;font-size: 1.1em;right: 12px;}
    #animation-banner .button {font-size: 1.8em;width: 85%;}
    #animation-banner .whatsapp {right: 3px;bottom: 167px;}
    #animation-banner .reference-icon .youtube {right: 7px;height: 31px;}
    #animation-banner .reference-icon  .blogger {right: 19px;bottom: 55px;height: 32px;}
    #animation-banner .reference-icon .paypal {bottom: 150px;right: 28px;width:21%;height:15px;}
    #animation-banner .reference-icon .store {right: 54px;height: 32px;}
    #animation-banner .reference-icon .twitter {right: 98px;height: 33px;}
    #animation-banner .reference-icon .facebook {right: 64px;bottom: 39px;height: 32px;}
    #animation-banner .reference-icon .netflix {right: 113px;bottom: 48px;width:21%;height: 14px;}
    #animation-banner .reference-icon .abc {right: 113px;bottom: 18px;width:15%;height: 31%;}
    #animation-banner .reference-icon .google-play {bottom: 57px;left: 18px;width:21%;height: 38px;}
    #animation-banner .reference-icon .hulu {left: 26px;width:19%;}
    #animation-banner .reference-icon .bbc {right: 137px;bottom: 100px;width:20%;height: 14px;}
    #animation-banner .reference-icon .voip {bottom: 141px;right: 89px;width:19%;height: 22px;}
    #animation-banner .reference-icon .ebay {right: 46px;top: -13px;width:21%;height: 19px;}
    #animation-banner .reference-icon .wii {left: 64px;bottom: 144px;height: 32px;}
    #animation-banner .reference-icon .skype {left: 97px;top: -24px;height: 32px;}
    #animation-banner .reference-icon .hulu {height: 17px;}
    #animation-banner .reference-icon {height: 181px !important;position: relative;width: 100%;}

    #animation-banner .attacker {width: 70px;height: 70px;background-size: 100%;}
    #animation-banner .attacker-btm {background-position: 0px -109px;bottom: -87px;left: -9px;}

    #animation-banner .attacker-top .attacker-way {top: 75px;}
    #animation-banner .attacker-top .attacker-arrow-path {top: -78px;}
    #animation-banner .animation-banner {padding: 40px 0px 56px;}

    #animation-banner .attacker-btm .attacker-way {top: -77px;}
    #animation-banner .attacker-btm {bottom: -82px;}
    #animation-banner .attacker-btm .attacker-arrow-path {left:48px;}

    #animation-banner .maze1 {top: -4px;left: -3px;}
    #animation-banner .maze2 {top: -3px;left: -4px;}
    #animation-banner .maze3 {top: -3px;left: -3px;}
    #animation-banner .maze4 {top: 122px;left: -3px;}

    #animation-banner .maze5 {top: -2px;left: -2px;line-height:1em;}
    #animation-banner .maze6 {top: -10px;line-height:1em;height: 16px;}
    #animation-banner .maze7 {top: -17px;line-height:1em;}
    #animation-banner .maze8 {top: -26px;left: -2px;line-height:1em;}

    #animation-banner .back .maze2 {left: -3px;top: 79px;}
    #animation-banner .back .maze3 {left: -7px;top: 115px;}

    #animation-banner .back .maze5 {top: -2px;}
    #animation-banner .back .maze6 {top: 10px;}
    #animation-banner .back .maze7 {top: 20px;left: -2px;}
    #animation-banner .back .maze8 {left: -4px;top: -28px;}

    #animation-banner .bg-globe {background-size: 32%;background-position: 99% 13px;}

    #animation-banner .skype-soc.colored.ios-system {width: 26px;}
    #animation-banner .facebook-soc.colored.ios-system {width: 11px;left: 31%;}
    #animation-banner .twitter-soc.colored.ios-system {width: 21px;}

    #animation-banner .retina-image.whatsapp {height: 32px;}
    #animation-banner .tunnel-field p {font-size: 15px;}
    #animation-banner .vpn-title {line-height: 1.8em;}

    #animation-banner .attacker-btm .attacker-arrow.finish {left: 35px !important;}
    
    
     #animation-banner .youtube-soc.colored {background-size:100%;background-image:url(img/retina/youtube%402x.png);background-position: center;}
    #animation-banner .skype-soc.colored {background-size:100%;background-image:url(img/retina/skype%402x.png);background-position: center;width:39px;}
    #animation-banner .facebook-soc.colored {background-size:100%;background-image:url(img/retina/facebook%402x.png);background-position: center;left:7px;}
    #animation-banner .twitter-soc.colored {background-image:url(img/retina/twitter%402x.png);background-size:100%;background-position: center;left: 17px;}

    #animation-banner .attacker-top {background-position:center;background-image:url(img/retina/attacker-top%40x2.png);background-size: 100%;}
    #animation-banner .attacker-btm {background-position:center;background-image:url(img/retina/attacker-btm%40x2.png);background-size: 100%;}

    #animation-banner .vpn-image {width:104px;background:url(img/retina/vpn-black-%40x2.png);background-size:100%;background-repeat:no-repeat;}
    #animation-banner .vpn-image.orange {background-position:center;background:url(img/retina/vpn-orange%40x2.png);background-size:100%;} 

    #animation-banner .devices.desktop {background-image:url(img/retina/desktop%40x2.png);background-repeat:no-repeat;background-size:100%;}
    #animation-banner .devices.laptop {width: 140px;background:url(img/retina/laptop%40x2.png) no-repeat center;background-size:100%;}
    #animation-banner .devices.mobile {width: 40px;background:url(img/retina/mobile%40x2.png) no-repeat center;background-size:100%;}
    #animation-banner .devices.tablet {background:url(img/retina/tablet%40x2.png) no-repeat center;background-size:100%;}
    #animation-banner .devices.router {background:url(img/retina/router%40x2.png) no-repeat center;background-size:100%;}
    #animation-banner .facebook-soc {left:11px;}
    #animation-banner .skype-soc {left: 50px;}
    #animation-banner .vpn-cabels {background: url(img/retina/cabels-to-vpn%402x.png) no-repeat;}
    #animation-banner .tunnel {background:url(img/retina/tunnel-bg%402x.png) no-repeat;background-size:100%}
    #animation-banner .vpn-cabels {width:101px;background:url("img/retina/cabels-to-vpn%402x.png");background-size:100%;}
    #animation-banner .vpn-text {position: relative;top: -1px;}
    #animation-banner .vpn-cabels {background: url(img/retina/cabels-to-vpn%402x.png) no-repeat;top: 25px;background-position: 10px 0px;background-size: 100%;}
    #animation-banner .cabels {background: url(img/retina/cabels%402x.png) no-repeat;background-size: 100%;}
    
       #animation-banner .skype-soc.colored {background-size:100%;background-image:url(img/retina/skype%402x.png);background-position: center;width:27px;} 
    #animation-banner .vpn-image.black {background-position: center;}
    #animation-banner .vpn-image {width:74px;}
    #animation-banner .devices.laptop {background-position: center;width: 99px;}
    #animation-banner .devices.mobile {background-size:100%;width:27px;background-position: center;background-image:url(img/retina/mobile%40x2.png);}
    #animation-banner .devices.tablet {background-size: 100% auto;width: 65.4px;background-position: center center;height: 49px;margin-left: 5px;margin-top: 17px;}
    #animation-banner .devices.router {background-position:center;background-size:100%;height:48px;margin-left:25px;margin-top:8px;width:50px;}
    #animation-banner .skype-soc {left: 37px;}
    #animation-banner .vpn-image.orange {left:0;height: 52px;}
    #animation-banner .vpn-cabels {width: 72px;background-position: 9px 0;}
    #animation-banner .vpn-text {position: relative;top:0;}
    #animation-banner .facebook-soc {left:6px;}
}
@media only screen and (max-width: 767px) {
    #animation-banner .vpn-content {display: none;}
    #animation-banner .reference-content {width: 100%;}
    #animation-banner .container {width: 100%;}
    #animation-banner .hulu {left: 0;}
    #animation-banner.bg-gradient {background:#fff;}

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #animation-banner.bg-gradient {background-position:75% center;}
    #animation-banner .reference-content {width: 413px;float: none;display: block;margin: 0 auto;}
    #animation-banner .bg-globe {background-position: center;}
    #animation-banner .abc {bottom: 20px;right: 226px;}


}
@media only screen and (max-width: 479px) {
    #animation-banner .try-for-free > p {font-size: 1.3em;}
    #animation-banner .button {font-size: 1.9em;}
    #animation-banner .font-big {font-size: 3.2em;}
    #animation-banner .content-price p {font-size: .9em;margin-bottom: 6px;}
    #animation-banner .content-price {padding: 16px 0px;width:100px;height:100px;background-size: 100%;}
    #animation-banner .content-price sub {font-size: 1.4em;}
    #animation-banner .content-price sup {bottom: 27px;font-size: 0.9em;right: 12px;}

    #animation-banner .youtube {bottom: 126px;right: 0;}
    #animation-banner .blogger {bottom: 52px;right: 15px;}
    #animation-banner .facebook {bottom: 25px;right: 77px;}
    #animation-banner .whatsapp {bottom: 200px;right: 18px;}
    #animation-banner .store {bottom: 118px;right: 60px;}
    #animation-banner .twitter {bottom: 85px;right: 123px;}
    #animation-banner .paypal {bottom: 191px;right: 72px;}
    #animation-banner .voip {bottom: 151px;right: 141px;}
    #animation-banner .ebay {right: 102px;top: -19px;}
    #animation-banner .skype {left: 20px;top: -20px;}
    #animation-banner .wii {bottom: 158px;left:0;}
    #animation-banner .netflix {bottom: 35px;right: 146px;}
    #animation-banner .abc {bottom: 20px;right: 146px;}
    #animation-banner .bbc {bottom: 109px;right: 184px;}
    #animation-banner .google-play {bottom: -34px;left: -1px;}
    #animation-banner .hulu {bottom: 73px;}
    #animation-banner .reference-icon {height: 240px;margin-bottom: 30px;}
    #animation-banner .bg-gradient {background-position:75% 27%;background-size: 434% auto;}
    #animation-banner .reference-content {width:290px;margin: 0 auto;float: none;}
    #animation-banner  .bg-globe {background-position: center 13px;background-size: 97%;}
}

@media only screen 
and (min-height:215px)
and (max-height:250px)
and (min-width:480px)
and (max-width:767px)
{ 
    #animation-banner .bg-globe {padding-bottom:20px;padding-top: 20px;background-size: 63%;}
    #animation-banner .try-for-free {float: none;width: 76%;display: block;margin: 35px auto 0;}
    #animation-banner .try-for-free > p {font-size: 1.2em;}
    #animation-banner .content-price {height: 90px;top: -26px;width: 90px;}
    #animation-banner .content-price p {font-size: 1em;margin: -3px 0px 2px;margin-top: -7px;margin-bottom: 6px;}
    #animation-banner .font-big {font-size: 2.5em;float: left;margin: 0px 2px 0 0;}
    #animation-banner .font-big.orange {margin-left:10px;}
    #animation-banner .content-price sub {font-size: 1.2em;line-height: 1em;left:-4px;}
    #animation-banner .content-price sup {bottom: 26px;font-size: 0.9em;right: 11px;}
    #animation-banner .button {font-size: 1.5em;padding: 3px;width: 88%;}
    #animation-banner .reference-icon {height:86px;}
    #animation-banner .reference-icon .retina-image {width:9%;}
    #animation-banner .retina-image.skype {height: 39px;top: auto;bottom: 61px;}
    #animation-banner .retina-image.wii {bottom: 42px;left: 25px;height: 38px;}
    #animation-banner .reference-icon .retina-image.hulu {height: 17px;width: 12%;bottom: 19px;}
    #animation-banner .reference-icon .retina-image.google-play {height: 43px;width: 13%;bottom: -32px;}
    #animation-banner .reference-icon .retina-image.ebay { height: 22px;top: auto;width: 14%;bottom:77px;}
    #animation-banner .reference-icon .retina-image.voip {height:23px;width: 11%;}
    #animation-banner .reference-icon .retina-image.voip {height: 23px;width: 11%;bottom: 38px;}
    #animation-banner .reference-icon .retina-image.bbc {height:16px;width: 14%;bottom: 18px;}
    #animation-banner .reference-icon .retina-image.netflix {height: 15px;width: 14%;bottom: -10px;}
    #animation-banner .reference-icon .retina-image.abc {height: 15px;width: 14%;bottom: -10px;}
    #animation-banner .reference-icon .retina-image.paypal {height: 23px;width: 16%;bottom: 43px;right: 101px;}
    #animation-banner .retina-image.store {height: 33px;bottom: 6px;}
    #animation-banner .retina-image.facebook {height: 33px;bottom: -20px;right: 127px;}
    #animation-banner .retina-image.blogger {height: 33px;bottom: 0px;}
    #animation-banner .twitter {bottom: -2px;right: 159px;}
    #animation-banner .youtube {bottom: 27px;right: 50px;}
    #animation-banner .whatsapp {bottom: 45px;right: 95px;}
    #animation-banner .reference-content {width: 377px;}
    #animation-banner .reference-icon {position: relative;width: 89%;float: none;display: block;margin: 0 auto;}
}

@media only screen 
and (min-height:251px)
and (max-height:299px)
and (min-width:480px)
and (max-width:767px)
{ 
    #animation-banner .bg-globe {padding-bottom:20px;padding-top: 20px;background-size: 69%;}
    #animation-banner .try-for-free {display: block;float: none;margin:35px auto 0;width: 76%;}
    #animation-banner .try-for-free > p {font-size: 1.1em;}
    #animation-banner .content-price {height: 90px;top: -26px;width: 90px;}
    #animation-banner .content-price p {font-size:.9em;margin: -3px 0px 2px;margin-top: -7px;margin-bottom: 6px;}
    #animation-banner .font-big {font-size: 2.5em;float: left;margin: 0px 2px 0 0;}
    #animation-banner .font-big.orange {margin-left:10px;}
    #animation-banner .content-price sub {font-size: 1.2em;line-height: 1em;left:-4px;}
    #animation-banner .content-price sup {bottom: 25px;font-size: 0.9em;right: 11px;}
    #animation-banner .button {font-size: 1.5em;padding: 3px;width: 88%;}
    #animation-banner .reference-icon {height:86px;}
    #animation-banner .reference-icon .retina-image {width:9%;}
    #animation-banner .retina-image.skype {height: 39px;top: auto;bottom: 65px;}
    #animation-banner .retina-image.wii {bottom: 42px;left: 25px;height: 38px;}
    #animation-banner .reference-icon .retina-image.hulu {height: 17px;width: 12%;bottom: 19px;}
    #animation-banner .reference-icon .retina-image.google-play {height: 43px;width: 13%;bottom: -32px;}
    #animation-banner .reference-icon .retina-image.ebay {height: 22px;top: auto;width: 14%;bottom: 74px;}
    #animation-banner .reference-icon .retina-image.voip {height:23px;width: 11%;}
    #animation-banner .reference-icon .retina-image.voip {height: 23px;width: 11%;bottom: 38px;}
    #animation-banner .reference-icon .retina-image.bbc {height:16px;width: 14%;bottom: 18px;}
    #animation-banner .reference-icon .retina-image.netflix {height: 15px;width: 14%;bottom: -10px;}
    #animation-banner .reference-icon .retina-image.abc {height: 15px;width: 14%;bottom: -10px;}
    #animation-banner .reference-icon .retina-image.paypal {height: 23px;width: 16%;bottom: 43px;right: 101px;}
    #animation-banner .retina-image.store {height: 33px;bottom: 6px;}
    #animation-banner .retina-image.facebook {height: 33px;bottom: -20px;right: 127px;}
    #animation-banner .retina-image.blogger {height: 33px;bottom: 0px;}
    #animation-banner .twitter {bottom: -2px;right: 159px;}
    #animation-banner .youtube {bottom: 27px;right: 50px;}
    #animation-banner .whatsapp {bottom: 45px;right: 95px;}
    #animation-banner .reference-content {width: 377px;}
    #animation-banner .reference-icon {position: relative;width: 89%;float: none;display: block;margin: 0 auto;}
}

@media only screen 
and (min-height:300px)
and (max-height:350px)
and (min-width:480px)
and (max-width:767px)
{ 
    #animation-banner .bg-globe {padding-bottom:20px;padding-top: 20px;}
    #animation-banner .try-for-free {float: none;width: 76%;display: block;margin: 35px auto 0;}
    #animation-banner .try-for-free > p {font-size: 1.2em;}
    #animation-banner .content-price {height: 90px;top: -26px;width: 90px;}
    #animation-banner .content-price p {font-size: 1em;margin: -3px 0 2px;margin-top: -7px;margin-bottom: 6px;}
    #animation-banner .font-big {font-size: 2.3em;}
    #animation-banner .content-price sub {font-size: 1em;line-height: 1em;}
    #animation-banner .content-price sup {bottom: 28px;font-size: 0.9em;right: 12px;}
    #animation-banner .button {font-size: 1.5em;padding: 3px;width: 88%;}
    #animation-banner .reference-icon {height: 160px;}
    #animation-banner .retina-image.skype {top: auto;bottom: 130px;}
    #animation-banner .retina-image.wii {bottom: 94px;left: 25px;}
    #animation-banner .reference-icon .retina-image.hulu {bottom: 56px;}
    #animation-banner .reference-icon .retina-image.google-play {bottom: -32px;}
    #animation-banner .reference-icon .retina-image.ebay {top: auto;bottom: 133px;}
    #animation-banner .reference-icon .retina-image.voip {bottom: 83px;}
    #animation-banner .reference-icon .retina-image.bbc {bottom: 44px;right: 215px;}
    #animation-banner .reference-icon .retina-image.netflix {bottom: -10px;}
    #animation-banner .reference-icon .retina-image.abc {bottom: -10px;}
    #animation-banner .reference-icon .retina-image.paypal {bottom: 93px;right: 101px;}
    #animation-banner .retina-image.store {bottom: 43px;right: 99px;}
    #animation-banner .retina-image.facebook {bottom: -24px;right: 129px;}
    #animation-banner .retina-image.blogger {bottom: 0;}
    #animation-banner .twitter {bottom: 30px;right: 159px;}
    #animation-banner .youtube {bottom: 60px;right: 34px;}
    #animation-banner .whatsapp {bottom: 120px;right: 95px;}
    #animation-banner .reference-content {width: 400px;}
    #animation-banner .reference-icon {position: relative;width:100%;float: none;display: block;margin: 0 auto;}
}

@media only screen 
and (min-height:351px)
and (max-height:399px)
and (min-width:480px)
and (max-width:767px)
{ 
    #animation-banner .bg-globe {padding-bottom:20px;padding-top: 20px;background-size: 82%;}
    #animation-banner .reference-icon {height: 160px;}
    #animation-banner .retina-image.skype {top: auto;bottom: 137px;}
    #animation-banner .retina-image.wii {bottom: 94px;left: 25px;}
    #animation-banner .reference-icon .retina-image.hulu {bottom: 56px;}
    #animation-banner .reference-icon .retina-image.google-play {bottom: -32px;}
    #animation-banner .reference-icon .retina-image.ebay {top: auto;bottom: 138px;}
    #animation-banner .reference-icon .retina-image.voip {}
    #animation-banner .reference-icon .retina-image.voip {bottom: 83px;}
    #animation-banner .reference-icon .retina-image.bbc {bottom: 44px;right: 215px;}
    #animation-banner .reference-icon .retina-image.netflix {bottom: -10px;}
    #animation-banner .reference-icon .retina-image.abc {bottom: -10px;}
    #animation-banner .reference-icon .retina-image.paypal {bottom: 93px;right: 101px;}
    #animation-banner .retina-image.store {bottom: 43px;right: 99px;}
    #animation-banner .retina-image.facebook {bottom: -24px;right: 129px;}
    #animation-banner .retina-image.blogger {bottom: 0;}
    #animation-banner .twitter {bottom: 30px;right: 159px;}
    #animation-banner .youtube {bottom: 60px;right: 34px;}
    #animation-banner .whatsapp {bottom: 120px;right: 95px;}
    #animation-banner .reference-content {width: 410px;}

    #animation-banner .reference-content {width: 400px;}
    #animation-banner .reference-icon {position: relative;width:100%;float: none;display: block;margin: 0 auto;}
    #animation-banner .try-for-free {margin-top: 56px;}
    #animation-banner .try-for-free > p {font-size: 1.5em;}
}

@media only screen 
and (min-height:400px)
and (max-height:450px)
and (min-width:480px)
and (max-width:767px)
{ 
    #animation-banner .bg-globe {padding-bottom:20px;padding-top: 20px;}
    #animation-banner .reference-icon {height: 168px;}
    #animation-banner .retina-image.skype {top: auto;bottom: 129px;}
    #animation-banner .retina-image.wii {bottom: 94px;left: 25px;}
    #animation-banner .reference-icon .retina-image.hulu {bottom: 56px;}
    #animation-banner .reference-icon .retina-image.google-play {bottom: -32px;}
    #animation-banner .reference-icon .retina-image.ebay {top: auto;bottom: 146px;}
    #animation-banner .reference-icon .retina-image.voip {}
    #animation-banner .reference-icon .retina-image.voip {bottom: 83px;}
    #animation-banner .reference-icon .retina-image.bbc {bottom: 44px;right: 215px;}
    #animation-banner .reference-icon .retina-image.netflix {bottom: -10px;}
    #animation-banner .reference-icon .retina-image.abc {bottom: -10px;}
    #animation-banner .reference-icon .retina-image.paypal {bottom: 93px;right: 101px;}
    #animation-banner .retina-image.store {bottom: 43px;right: 99px;}
    #animation-banner .retina-image.facebook {bottom: -24px;right: 129px;}
    #animation-banner .retina-image.blogger {bottom: 0;}
    #animation-banner .twitter {bottom: 30px;right: 159px;}
    #animation-banner .youtube {bottom: 60px;right: 34px;}
    #animation-banner .whatsapp {bottom: 120px;right: 95px;}

    #animation-banner .reference-content {width: 415px;}
    #animation-banner .reference-icon {position: relative;width:100%;float: none;display: block;margin: 0 auto;}
    #animation-banner .try-for-free {margin-top: 79px;}
}

/*@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    #animation-banner .skype-soc.colored {background-size:100%;background-image:url(img/retina/skype@2x.png);background-position: center;width:39px;}
    #animation-banner .vpn-image {width:89px;top:1px;}
    #animation-banner .vpn-image.orange {top:25px;}
    #animation-banner .vpn-server {margin-left: 0;}  
    #animation-banner .attacker-btm .attacker-arrow.finish {left: 39.5271px !important;}
    #animation-banner .vpn-cabels {width: 88px;background-position: 9px 0;}
    #animation-banner .vpn-text {position: relative;top:0;}
    #animation-banner .facebook-soc.colored {left: 28%;}
    
    #animation-banner.macinstosh-fix-mobile-landscape .skype-soc.colored {background-size:100%;background-image:url(img/retina/skype@2x.png);background-position: center;width:39px;}
    #animation-banner.macinstosh-fix-mobile-landscape .vpn-image {width:89px;top:1px;}
    #animation-banner.macinstosh-fix-mobile-landscape .vpn-image.orange {top:25px;}
    #animation-banner.macinstosh-fix-mobile-landscape .vpn-server {margin-left: 0;}  
    #animation-banner.macinstosh-fix-mobile-landscape .attacker-btm .attacker-arrow.finish {left: 39.5271px !important;}
    #animation-banner.macinstosh-fix-mobile-landscape .vpn-cabels {width: 88px;background-position: 9px 0;}
    #animation-banner.macinstosh-fix-mobile-landscape .vpn-text {position: relative;top:0;}
    #animation-banner.macinstosh-fix-mobile-landscape .facebook-soc.colored {left: 28%;}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
    #animation-banner .skype-soc.colored {background-size:100%;background-image:url(img/retina/skype@2x.png);background-position: center;width:39px;}
    #animation-banner .vpn-image {width:89px;top:1px;}
    #animation-banner .vpn-image.orange {top:25px;}
    #animation-banner .vpn-server {margin-left: -5px;} 
    #animation-banner .attacker-btm .attacker-arrow.finish {left: 39.5271px !important;}
    #animation-banner .vpn-cabels {    width: 94px;background-position: 9px 4px}
    #animation-banner .vpn-text {position: relative;top:0;}
    
     #animation-banner.macinstosh-fix-mobile-landscape .skype-soc.colored {background-size:100%;background-image:url(img/retina/skype@2x.png);background-position: center;width:39px;}
    #animation-banner.macinstosh-fix-mobile-landscape .vpn-image {width:89px;top:1px;}
    #animation-banner.macinstosh-fix-mobile-landscape .vpn-image.orange {top:25px;}
    #animation-banner.macinstosh-fix-mobile-landscape .vpn-server {margin-left: -5px;} 
    #animation-banner.macinstosh-fix-mobile-landscape .attacker-btm .attacker-arrow.finish {left: 39.5271px !important;}
    #animation-banner.macinstosh-fix-mobile-landscape .vpn-cabels {    width: 94px;background-position: 9px 4px}
    #animation-banner.macinstosh-fix-mobile-landscape .vpn-text {position: relative;top:0;}
    

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1) {
    #animation-banner .skype-soc.colored {background-size:100%;background-image:url(img/retina/skype@2x.png);background-position: center;width:27px;} 
    #animation-banner .vpn-image.black {background-position: center;}
    #animation-banner .vpn-image {width:74px;}
    #animation-banner .devices.laptop {background-position: center;width: 99px;}
    #animation-banner .devices.mobile {background-size:100%;width:27px;background-position: center;background-image:url(img/retina/mobile@x2.png);}
    #animation-banner .devices.tablet {background-size: 100% auto;width: 65.4px;background-position: center center;height: 49px;margin-left: 5px;margin-top: 18px;}
    #animation-banner .devices.router {background-position:center;background-size:100%;height:48px;margin-left:25px;margin-top:8px;width:50px;}
    #animation-banner .skype-soc {left: 37px;}
    #animation-banner .vpn-image.orange {left:0;}
    #animation-banner .vpn-cabels {width: 72px;background-position: 9px 0;}
    #animation-banner .vpn-text {position: relative;top:0;}
    #animation-banner .facebook-soc {left:6px;}
    
       #animation-banner.macinstosh-fix-mobile-portrait .skype-soc.colored {background-size:100%;background-image:url(img/retina/skype@2x.png);background-position: center;width:27px;} 
    #animation-banner.macinstosh-fix-mobile-portrait .vpn-image.black {background-position: center;}
    #animation-banner.macinstosh-fix-mobile-portrait .vpn-image {width:74px;}
    #animation-banner.macinstosh-fix-mobile-portrait .devices.laptop {background-position: center;width: 99px;}
    #animation-banner.macinstosh-fix-mobile-portrait .devices.mobile {background-size:100%;width:27px;background-position: center;background-image:url(img/retina/mobile@x2.png);}
    #animation-banner.macinstosh-fix-mobile-portrait .devices.tablet {background-size: 100% auto;width: 65.4px;background-position: center center;height: 49px;margin-left: 5px;margin-top: 18px;}
    #animation-banner.macinstosh-fix-mobile-portrait .devices.router {background-position:center;background-size:100%;height:48px;margin-left:25px;margin-top:8px;width:50px;}
    #animation-banner.macinstosh-fix-mobile-portrait .skype-soc {left: 37px;}
    #animation-banner.macinstosh-fix-mobile-portrait .vpn-image.orange {left:0;}
    #animation-banner.macinstosh-fix-mobile-portrait .vpn-cabels {width: 72px;background-position: 9px 0;}
    #animation-banner.macinstosh-fix-mobile-portrait .vpn-text {position: relative;top:0;}
    #animation-banner.macinstosh-fix-mobile-portrait .facebook-soc {left:6px;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    #animation-banner.macinstosh-fix-mobile-portrait .skype-soc.colored {background-size:100%;background-image:url(img/retina/skype@2x.png);background-position: center;width:27px;}
    #animation-banner.macinstosh-fix-mobile-portrait .vpn-image.black {background-position: center;}
    #animation-banner.macinstosh-fix-mobile-portrait .vpn-image {width:74px;}
    #animation-banner.macinstosh-fix-mobile-portrait .devices.laptop {background-position: center;width: 99px;}
    #animation-banner.macinstosh-fix-mobile-portrait .devices.mobile {background-size:100%;width:27px;background-position: center;background-image:url(img/retina/mobile@x2.png);}
    #animation-banner.macinstosh-fix-mobile-portrait .devices.tablet {background-size: 100% auto;width: 65.4px;background-position: center center;height: 49px;margin-left: 5px;margin-top: 18px;}
    #animation-banner.macinstosh-fix-mobile-portrait .devices.router {background-position:center;background-size:100%;height:48px;margin-left:25px;margin-top:8px;width:50px;}
    #animation-banner.macinstosh-fix-mobile-portrait .skype-soc {left: 37px;}
    #animation-banner.macinstosh-fix-mobile-portrait .vpn-image.orange {left:0;}
    #animation-banner.macinstosh-fix-mobile-portrait .vpn-cabels {width: 72px;background-position: 9px 0;}
    #animation-banner.macinstosh-fix-mobile-portrait .vpn-text {position: relative;top:0;}
    #animation-banner.macinstosh-fix-mobile-portrait .facebook-soc {left:6px;}
    
    #animation-banner .skype-soc.colored {background-size:100%;background-image:url(img/retina/skype@2x.png);background-position: center;width:27px;}
    #animation-banner .vpn-image.black {background-position: center;}
    #animation-banner .vpn-image {width:74px;}
    #animation-banner .devices.laptop {background-position: center;width: 99px;}
    #animation-banner .devices.mobile {background-size:100%;width:27px;background-position: center;background-image:url(img/retina/mobile@x2.png);}
    #animation-banner .devices.tablet {background-size: 100% auto;width: 65.4px;background-position: center center;height: 49px;margin-left: 5px;margin-top: 18px;}
    #animation-banner .devices.router {background-position:center;background-size:100%;height:48px;margin-left:25px;margin-top:8px;width:50px;}
    #animation-banner .skype-soc {left: 37px;}
    #animation-banner .vpn-image.orange {left:0;}
    #animation-banner .vpn-cabels {width: 72px;background-position: 9px 0;}
    #animation-banner .vpn-text {position: relative;top:0;}
    #animation-banner .facebook-soc {left:6px;}
}*/