table{
	width: 50%;
	margin: 0 auto;
	  border: 1px #715588;
	border-collapse: collapse;
	border-bottom-color: none;
	border-style:solid;
		border-bottom: 0px;
	margin-bottom: 50px;
}

table h4 {
		font-family: MyriadPro;
  	color: #000000;
  	font-size: 1.4em;
	text-transform:none;
	font-weight: 400;
}

table tr.package h4.titles {
		font-family: MyriadPro;
  	color: #000000;
  	font-size: 1.2em;
	text-transform:none;
	font-weight: 400;
}

table tr.pricing h4.titles {
		font-family: MyriadPro;
  	color: #000000;
  	font-size: 1.2em;
	text-transform:none;
	font-weight: 400;
}

table h4.special {
		font-family: MyriadPro;
  	color: #f25368;
  	font-size: 1.6em;
	text-transform:none;
	font-weight: 600;
}
table.comparison thead {border-left:0px;border-right:0px;border:0}
.comparison thead tr.package {
  height: 200px;
		border-top: 0px #715588;
		border-bottom: 1px #715588;
border-style:solid;
border-left: 0px;border-right:0px;
}
.comparison tr.pricing {		border-top: 1px #715588;
		border-bottom: 0px #715588;
	border-style:0px solid;
	border-left: 2px #715588;
}

.comparison table tbody {
	border: 1px #715588;
	border-style:solid
}



.comparison {
  border-right: 0;
  border-left: 0;
  font-family: Roboto, sans-serif;
	border-style:solid
}

.comparison thead tr th:nth-child(1) {
  width: 30%;
}

.comparison tbody tr:nth-child(odd) {
  display: none;
}

.comparison tbody tr td, .comparison thead tr th {
    border-right: 0;
    border-left: 0;
    text-align: center;
    padding: 20px;
}

.comparison tbody tr td:first-child {
    text-align:left;
    font-size: 14px;
}

.comparison thead tr th:nth-child(2), .comparison tbody tr td:nth-child(2){
  background: rgba(30, 84, 190, 0.05);
}

.comparison thead tr th:not(:first-child) h4{
  margin:0;
}

.comparison thead tr th:nth-child(1) h4 {
  text-align: left;
  margin:0;
}

.comparison thead tr th:not(:first-child) p{
  font-size: 16px;
  color: #686868;
  font-weight:100;
}

.comparison thead tr th .dolla {
  font-size:19px;
  color: #000000;
  font-weight: 400;
  margin-right: 5px;
  position: relative;
  top: -1px;
}

.comparison thead tr.pricing th p{
  margin:0;
  font-size: 14px;
  margin-left: 5px;
}
.comparison tbody tr:last-child td {
}


.selected {
  position: relative;
}
.selected h4:before {
  content: 'SUPER BARGAIN';
  text-transform: uppercase;
  font-size: 13px;
  background: #f25368;
  color:#fff;
  width: 100%;
  position: absolute;
  top:0;
  left:0;
  padding: 5px 0;
}
 

@media (max-width: 767px) {
	
  .comparison td:first-child, .comparison th:first-child {
    display: none;
  }
			.comparison tr.package th  img.pia {width: 60px}

	.comparison tr.package th img {width: 80px}
		.comparison tr.package th.selected img {width: 90px}

	.comparison thead tr.pricing th p  {font-size: 12px}

.comparison tbody tr td, .comparison thead tr th {
	
	padding: 8px
	}
  .comparison tbody tr:nth-child(odd){
  display: table-row;
  }
  
  .comparison thead tr th:not(:first-child) h4 {
    font-size: 17px;
  }
	  .comparison thead tr th h4.special {
font-size: 23px;
}
	
	
}
	
	
	
	
i {
  border: solid #efefef;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
	margin-bottom:3px;
	margin-left:3px;
}
.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

header.header ul.menu li.dropdown .dropdown-content a.titledropdown {
	color:#44246E;
	border-bottom: 1px solid #44246E;
	line-height: 15px;
	 text-transform: none;
	          padding: 15px 18px;

}
header.header ul.menu li.dropdown .dropdown-content a {
		 text-transform: none;
         padding: 15px 15px;
	color:#373737
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 6px 8px;
  text-decoration: none;
  display: block;
	text-transform: none;
}

.dropdown-content a:hover {background-color: #FAFAFA;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}


.footerfaqcol2 a:visited {
    text-decoration: none;
	color: #afafaf
}	
.footerfaqcol1 a:visited {
    text-decoration: none;
		color: #afafaf

}
.footerfaqcol3 a:visited {
    text-decoration: none;
		color: #afafaf

}
.footerfaqcol2 a:hover {
    text-decoration: none;
	color: #efefef
}	
.footerfaqcol1 a:hover {
    text-decoration: none;
		color: #efefef

}
.footerfaqcol3 a:hover {
    text-decoration: none;
		color: #efefef

}

#thirdtestimonials img.testimg {
height:20px;width:20px;
		margin-bottom:-5px;margin-left:12px;;

}

#middletestimonials img.testimg {
height:20px;
		margin-bottom:-5px;margin-left:12px;;

}
#contenttestimonials img.testimg {
height:20px;
	margin-bottom:-5px;margin-left:12px;;
}

#contenttestimonials,#middletestimonials,#thirdtestimonials {background: #ffffff; -webkit-box-shadow: 0px 1px 2px 0px rgba(67, 74, 84, 0.2);
    box-shadow: 0px 1px 2px 1px rgba(67, 74, 84, 0.2);
  border-radius: 4px;min-height:280px;padding-left:15px}

#centrum .centruminside img.logoscentral {position:relative;min-width:375px;padding-top:0px;width: 80%;margin: 0 auto;float:none;margin-top:30px;padding-right:0;display:block}
	.lookdark {background:#efefef;min-height: 410px;margin-bottom:-55px;}
#takealookthirdy {
position: relative;
    float: none;
    background: rgba(201,201,201,0.1);
    min-height: 380px;
    margin-top: 0px;
	clear: both;
    width: 100%;
	z-index: 8000;
}

#takealooksecond {
position: relative;
    float: none;
    background: #FCFCFC;
    min-height: 450px;
    margin-top: 0px;
	clear: both;
    width: 100%;
	z-index: 8000;
}

#mentionus {
	width: 100%;
	height: 220px;
	background: rgba(0,17,55,0.9);
	margin-top:-2px;
}
#mentionus img.mentionimg {max-width: 800px;margin: 0 auto;padding-top:30px;position:relative;display:block;width:100%;}
#mentionus img.hide {max-width: 800px;margin: 0 auto;padding-top:30px;position:relative;display:none;width:100%;}

	 img.fmentions {display:block;margin:-100px auto;z-index:9999;position:relative;max-width:900px;}
	 img.fmentions.hide {display:none;margin:-100px auto;z-index:9999;position:relative;max-width:900px;}

.hide2 {display:none}
	#info1year span {color:#76C75E}

.img-circle {
  border-radius: 30%;
	max-height: 100px;
	max-width: 100px;
}

.chooseme {border: 5px solid #39a4cf}
.fcol3 .feat {
  position: relative;
  width: 100%;
	height: 267px;
  padding: 20px 0;
  text-align: center;
  background-color: #fff;
   -webkit-box-shadow: 0px 1px 2px 0px rgba(67, 74, 84, 0.2);
    box-shadow: 0px 1px 2px 0px rgba(67, 74, 84, 0.2);
  border-radius: 4px;
}
.fcol3 {padding: 0px 5px 5px 15px}

.featsmall .feat {
  position: relative;
  width: 100%;
	height: 263px;
  padding: 20px 0;
  text-align: center;
  background-color: #fff;
   -webkit-box-shadow: 0px 1px 2px 0px rgba(67, 74, 84, 0.2);
    box-shadow: 0px 1px 2px 0px rgba(67, 74, 84, 0.2);
  border-radius: 4px;
}





.fcol3 .feat-flank:last-child:before {
	  border-top-left-radius: 3px;
	  border-top-right-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(67, 74, 84, 0.2);
          box-shadow: 0px 1px 2px 0px rgba(67, 74, 84, 0.2);
} 
.featsmall .feat-flank:last-child:before {
	  border-top-left-radius: 3px;
	  border-top-right-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(67, 74, 84, 0.2);
          box-shadow: 0px 1px 2px 0px rgba(67, 74, 84, 0.2);
} 

.feat--featured .feat__name {
  margin-top: 30px;
}

.feat__name {
		    font-family:"proxima-nova-light", sans-serif;

  font-weight: 600;
	color: #333333;
	text-align: left;
	margin-top: -2px;
	padding-left: 25px;
		font-size: 19px;
}


.feat__price {	
	color: #65C163;
		  font-weight: 200;


}

.feat__feature {
	color: #808080;
	font-weight: 100;
			    font-family:"proxima-nova-light", sans-serif;float:left;padding-left: 15px

}
 .feat__feature-list img {
	width: 15px;float:left;display: inline-block;margin-left: 20px

}

.feat__disclosure {
  font-size: 14px;
  color: #808080;
}
 .feat__feature-list {list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  margin-top: 15px;
  line-height: 2.5;
  color: #656D78;
}





.columnstitleplans {
	padding: 0 15px 10px;
  text-align:center;
	font-size:35px;
	opacity:9;
	font-family:'HelveticaNeueLTStd-Bd';
		font-weight: 100;
	color: #ffffff;
}

.subtitleplans {
	padding: 0px 15px 
		90px;
  text-align:center;
	
	font-size:20px;
	opacity:9;
	font-family:'HelveticaNeueLTStd-Th';
		font-weight: 100;
	color: #efefef;
}





.pricing-plan-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	margin: -21px auto;
	max-width:999px;
	min-width: 500px;
}
.pricing-plan-middle {margin-left:70px}
.pricing-plan {
  position: relative;
  width: 260px;
  padding: 20px 0;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(67, 74, 84, 0.2);
          box-shadow: 0px 1px 2px 0px rgba(67, 74, 84, 0.2);
  border-radius: 4px;
}
.moveit {margin-left: 70px}

.pricing-plan:first-child:before {
  background-image: -webkit-gradient(linear, left top, right top, from(#BEDE2F), to(#30C85F));
  background-image: linear-gradient(90deg, #BEDE2F 0%, #30C85F 100%);
}
.pricing-plan:nth-child(2)  {
  color: #31A3D2;
}
.pricing-plan:nth-child(2):before {
  background-image: -webkit-gradient(linear, left top, right top, from(#29C4CF), to(#3A7BD5));
  background-image: linear-gradient(90deg, #29C4CF 0%, #3A7BD5 100%);
}/*
.pricing-plan:last-child .pricing-plan__price {
  color: #794EB1; 
} */
.pricing-plan-middle:last-child:before {
  background-image: -webkit-gradient(linear, left top, right top, from(#29C4CF), to(#3A7BD5));
  background-image: linear-gradient(90deg, #2a5686 20%, #3fb5ea 90%);
  border-top-left-radius: 3px;
	  border-top-right-radius: 3px;

} 
.pricing-plan-flankright:first-child:before {
  background-image: linear-gradient(90deg, #401650 0%, #737EED 100%);
	  border-top-left-radius: 3px;
	  border-top-right-radius: 3px;
}
.pricing-plan-flank:last-child:before {
  background-image: -webkit-gradient(linear, left top, right top, from(#3E6DCC), to(#9014E8));
  background-image: linear-gradient(90deg, #c3c3c3 0%, #c3c3c3 100%);
	  border-top-left-radius: 3px;
	  border-top-right-radius: 3px;
} 
a {text-decoration: none}
.pricing-plan:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
}

a#buy-now-second2 .pricing-plan--featured {
  z-index: 1;
  width: 330px;
  margin-top: -24px;
  -webkit-box-shadow: 0px 8px 25px 0px rgba(67, 74, 84, 0.16);
          box-shadow: 0px 8px 25px 0px rgba(67, 74, 84, 0.16);
}
.pricing-plan--featured .pricing-plan__name {
  margin-top: 30px;
}

.pricing-plan__name {
  font-weight: 600;
	font-size: 1.5em;
	color: #333333;
	margin-top: 20px
}

.pricing-plan__price {	
	color: #65C163;
 	font-weight: 800;
	font-family: 'HelveticaNeueLTStd-Th';

}

.pricing-plan__price2  {
    font-weight: 800;
	font-family: 'HelveticaNeueLTStd-Th';
	color: #626262;
	font-size: 55px;
    margin: 0 0 1px 0;
}
.pricing-plan span {
	position: absolute;
	font-size: 20px;
	line-height: 30px;
	margin-top: 4px;
	margin-left: -15px;
}
.pricing-plan__name2 {
 font-weight: 600;
	color: #333333;
	font-size: 20px;
  margin: 0 0 25px 0;
}

.pricing-plan__price {
  font-size: 60px;
  margin: 0 0 1px 0;
}

.pricing-plan__disclosure {
  font-size: 14px;
  color: #808080;
}


.pricing-plan__strike {
  font-size: 22px;
  color: #65C163;
	font-weight: 100;
		text-decoration: line-through;
    text-decoration-line: line-through;
    text-decoration-style: initial;
    text-decoration-color: initial;
    display: inline;
	    font-family:"proxima-nova-light", sans-serif;

}



.ribbon-3 {
	margin-top: 10px;


  width: 150px;
  height: 30px;
  background:#401650;
  left: -8px;
	position: relative;
	color: #ffffff;
	padding-top: 6px;
	font-size: 16px;
	font-family: inherit;
	font-weight: 100
}

.ribbon-3:before {
	content: "";
  position: absolute;
  height: 0;
  width: 0;
  border-bottom: 8px solid #804dad;
  border-left: 8px solid transparent;
  top: -8px;
	margin-left: -42px;
}

.ribbon-3:after {
	content: "";
  position: absolute;
  height: 0;
  width: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 10px solid #401650;
  right: -8px;
	margin-top: -6px;
}

.ribbon-2 {
	margin-top: 10px;


  width: 150px;
  height: 30px;
  background:#37B4EC;
  left: -8px;
	position: relative;
	color: #ffffff;
	padding-top: 6px;
	font-size: 16px;
	font-family: inherit;
	font-weight: 400
}

.ribbon-2:before {
	content: "";
  position: absolute;
  height: 0;
  width: 0;
  border-bottom: 8px solid #208BBB;
  border-left: 8px solid transparent;
  top: -8px;
	margin-left: -37px;
}

.ribbon-2:after {
	content: "";
  position: absolute;
  height: 0;
  width: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 10px solid #37B4EC;
  right: -8px;
	margin-top: -6px;
}
strike {color: #F45166}

.pricing-plan__strike2 {
  font-size: 22px;
  color: #65C163;
	font-weight: 100;
		text-decoration: line-through;
    text-decoration-line: line-through;
    text-decoration-style: initial;
    text-decoration-color: initial;
    display: inline;
	    font-family:"proxima-nova-light", sans-serif;

}

.pricing-plan__strike span {
  color: #41b54f;
	position: absolute;
	font-size: 13px;
		line-height: 13px;
	margin-top: 2px;
	margin-left: -12px;
    font-family:"proxima-nova-light", sans-serif;
}
.pricing-plan__feature-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  margin-top: 15px;
  line-height: 2.5;
  color: #656D78;
}
.pricing-plan__feature {
	color: #808080;
	font-weight: 100;
			    font-family:"proxima-nova-light", sans-serif;

}

.discount {
 
  margin: 10px auto;
  position: relative;
  display: inline-block;
  background:#f25368;
  width: auto;
  height: 30px;
  line-height: 32px;
  color: #efefef;
  text-align: center;
  border-radius:4px;
  padding:0 15px;
	font-family: inherit;
	font-weight: 300;
}
.discount:after {
  content: " ";
  height: 22px;
  width: 22px;
  background:#f25368;
  position: absolute;
  top:4px;
  left:-9px;
  border-radius:4px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);  
}
.discount:before {
  content: "";
  width: 7px;
  height: 7px;
  background: #fff;
  position: absolute;
  top: 12px;
  left: 0px;
  z-index: 1;
  border-radius: 10px;
}


.container {
	position: relative;
	display:block;
			/* background-image:url(//vpnarea.com/front/images/vpnarea-background6.png); 
			 background-size: 850px 553px; */
			 height: 720px; /*
			 background-repeat:no-repeat;
			 background-position: 80% 33px;
			 background-color: #2B3D4F; */
		background-repeat:no-repeat;background-position:1% -10px;background-size:cover;

			 background-image:url(//vpnarea.com/front/images/bg204.jpg); 
}

/* Navbar experiment */
.mentions img.show {display:none}
.outline img.show {display:none}

.subtitle img {margin-bottom:-6px}
/* header */

.header {
  position: fixed;
  width: 100%;
  z-index: 3;
}

header.header ul.menu {
  list-style: none;
  overflow: hidden;
  width: 70%;
  margin-left: 30%
}

header.header ul.menu li a {
  display: block;
  padding: 30px 15px;
  border-right: 0px solid #f4f4f4;
  text-decoration: none;
  color:#ffffff;
  text-transform:uppercase
}
header.header ul.menu li a:visited {
  display: block;
  padding: 30px 15px;
  border-right: 0px solid #f4f4f4;
  text-decoration: none;
}


.header .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
}

/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
	margin: 9px;
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 25px 15px;
  position: relative;
  user-select: none;
	border: 1px solid #ffffff;
}

.header .menu-icon .navicon {
  background: #ffffff;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
	
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #ffffff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;

}

.header .menu-icon .navicon:before {
  top: 5px;

}

.header .menu-icon .navicon:after {
  top: -5px;

}

/* menu btn */

.header .menu-btn {
  display: none;

}

.header .menu-btn:checked ~ .menu {
  max-height: 440px;
	background-color: #000000;
	opacity: 0.9;
	right: 100%;
	width: 40%;
	margin-left: 60%;
}


.header .menu-btn:checked ~ ul.menu li {
  margin-top: -25px;
	width: 100px;
	opacity: 1

}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;

}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}



/* 48em = 768px */

@media (min-width: 56em) {
  .header li {
    float: left;
  }
  .header li a {
    padding: 20px 30px;
  }
  .header .menu {
    clear: none;
    max-height: none;
	margin: 0 auto;
	  width: 50%;
	}
  .header .menu-icon {
    display: none;
  }
}





#titles {
	 width: 80%;
    margin: 0 auto;
}


	
	h1 {
	font-size:45px;
	opacity:9;
	font-family:'HelveticaNeueLTStd-Bd';
		font-weight: 100;
	/* font-family: 'tobacco'; */
  	/* text-shadow:0px 0px 2px rgba(228,228,228,0.9);  */ margin-top: 10px;
  	color: #ffffff;
	 /* text-transform: uppercase; */

	}

	h1 span.titlespan {
	font-size:45px;
	opacity:9;
	font-family:'HelveticaNeueLTStd-Bd';
		font-weight: 100;
		padding-left: 12px;
		background-color:#2D2D2D;
	/* font-family: 'tobacco'; */
  	/* text-shadow:0px 0px 2px rgba(228,228,228,0.9);  */ margin-top: 10px;
  	color:#FF7400;margin-right:8px;
	 /* text-transform: uppercase; */

	}




h2 {
	font-family: MyriadPro;
  	color: #3cc8f6;
  	font-size: 1.9em;
  	font-weight: 200;
	margin-top: -20px;
}
.wraptitle p {	color: #ffffff;font-size:20px;   text-decoration: none;
}

.wraptitle
{
	float:left;
	position: relative;
	display: block;
	width: 587px;
	margin: 124px 0 1px 15%;
	padding: 10px;
}
.outline {
	position: relative;
    float:left;
	margin-top: 154px;
	margin-bottom: 15px;
	margin-left: 220px;
}
.outline img {
	width: 165px;
}
	
/* read more */
	span#text{
		display:none;
}
	.btncontainer{
 		 margin:0 auto;
 		 height:44px;
 		 width:166.23px;
		left:0 ; right:0;
		clear:both;
  
	}
	button{
		margin-left: -20px;
		width: 200px;
		font-family: MyriadPro;
		font-weight: 500;
	  user-select:none;
	  -webkit-user-select:none;
	  -moz-user-select:none;
	  -ms-user-select:none;
	  cursor:pointer;
	  border:none;
	  padding:8px;
	  font-size:20px;
	  color:#0088D3;
	  box-sizing:border-box;
		background-color: #F5F5F5;
		border: 1px solid #1AB3FF
	}
/* end of read more */


/* no media */

#reason1 h5 {
	font-family:'MyriadPro';
	font-size: 20px;	 
    font-weight: 500;
	color: #393D43;
    display:inline-block; /* remove when replacing checkmark with icons */
	padding-left: 15px;
		padding-bottom: 10px; /* remove when replacing checkmark with icons */
	}
	#reason2 h5 {
	font-family:'MyriadPro';
	font-size: 20px;	 
    font-weight: 400;
	color: #393D43;
	padding-left: 15px;
		padding-bottom: 10px; /* remove when replacing checkmark with icons */
		display: inline-block;
	}
	
	#reason1  strong {
	font-size: 22px;color: #393D43
}
#reason2 h5 .apps img {float:left;margin-top:-30px;margin-left: 80px;
}

/* no media */
#reason2  strong {
	font-size: 22px;color: #393D43
}
#reason1 p {
	color: #555555;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	margin-top: -31px;
	font-weight: 100;
/*	padding-left: 50px; */
}
	#reason2 p {
	color: #393D43;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	margin-top: -31px;
	font-weight: 100;
/*	padding-left: 50px; */
}	

/* no media */
#reasons img {
	margin-bottom: -5px; /* remove when replacing checkmark with icons */
}
	#reasons {
		padding: 5px;
		width: 60%;
		margin: 20px auto;
		min-height: 100%;
		max-height: 3200px;
	}
#reason1 {
	width: 42%;
	float: left;
	padding: 5px 15px;
 	margin-bottom: 5px;
	margin-top: 5px;		

}

/* no media */
#reason2 {
	width: 42%; /* Account for margins + border values */
	float: right;
	padding: 5px 15px;
	 	margin-bottom: 5px;
				margin-top: 5px;


}
/* no media */


.wrapfeatures li { list-style: none; margin:0px;font-size: 16px; padding: 5px;min-width: 159px;}


.wrapfeatures ul {width: 25%;margin: 0 auto; float:left;}
.checkmark {width: 30px;display:inline-block; position: relative;  height: 14px; margin-right:8px;vertical-align:middle;margin-bottom:20px}
.moveup {}
.wrapfeatures {margin-left: 20%;width:60%;margin-top:70px}


/* Black Friday */

/* #content span {color: #ffffff /* #484848 bfriday */ /* ;font-weight: 600} */
#ribbon {
	margin-left: -300px;
	z-index:9999;
	margin-top: 9px;
		width:640px;
		padding: .34em 1em;
		float:left;
		left:50%;
		position:absolute;
		color: #efefef;
        font-family: "MyriadPro",Helvetica,Arial,sans-serif;
		font-weight: 300;
		font-size: 20px;
		text-align: center;
		box-shadow: inset 0px 1px 0px rgba(255,255,255,.3),
					inset 0px 0px 20px rgba(0,0,0,0.1),
					0px 1px 1px rgba(0,0,0,0.4);
		background: -webkit-linear-gradient(top,#ce4216, #ce4216);
		background: -moz-linear-gradient(top,#ce4216, #ce4216);
background: -o-linear-gradient(top,#ce4216, #ce4216);
background: -ms-linear-gradient(top,#ce4216, #ce4216);
background: linear-gradient(top,#ce4216, #ce4216);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );

	}
	
#ribbon:before, #ribbon:after {
		content: "";
		width:.2em;
		bottom:-.46em;
		position:absolute;
		display:block;
		border: .9em solid #ce4217;
		box-shadow:0px 1px 0px rgba(0,0,0,0.4);
		z-index:-2;
	}
	
#ribbon:before {
		left:-1.33em;
		border-right-width: .95em;
		border-left-color:transparent;
	}

/* ANIMACION CURSOS HEADER */
.typed-cursor{
	display:inline;
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
	color: #ffffff;
}

@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
	/*		  background: #2c3e50;
  overflow: hidden;
  margin-top: -80px; /* CHRISTMAS */

.stepsy {opacity: 0.1;display:none}

.header section {
			background-image:url('/front/images/vpnarea-background2.png');

}
.header{
position: relative;
font:100 14px/1.5 "Interstate","Lucida Grande",Arial,sans-serif;
height:57px;
border-bottom:0px solid #eeeeee;
/*
background: rgba(237,237,237,1);
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 39%, rgba(251,251,251,1) 72%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(39%, rgba(246,246,246,1)), color-stop(72%, rgba(251,251,251,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 39%, rgba(251,251,251,1) 72%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 39%, rgba(251,251,251,1) 72%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 39%, rgba(251,251,251,1) 72%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 39%, rgba(251,251,251,1) 72%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 ); */
width: 100%;
}

.header .swiss{
	position: relative;
	float: right;
	margin-top: -50px;
	
}





 .logo{position: absolute;left: 70px;top:13px;}
        .logo a{display: inline-block}
        .logo img{}   
    .menunheader{position: relative;width: 100%;margin-top: 10px;}
        .menu-wrap{width: 35%;margin: 0 auto;display:block;height: 47px;}
		.menu-wrap ul {height:57px;margin-top:-10px;}
            .menu-wrap ul li{display: inline-block; padding-left:10px;width: auto;margin-top: 20px;}
              .menu-wrap ul li:nth-child(6) {margin-left: 9px}
			    .menu-wrap ul li a{display: block}
                    .menu-wrap ul li a div{display: block;height:25px;}
                    .menu-wrap ul li a{font-family: MyriadPro;text-transform:uppercase;display: block;font-weight: normal; 
					letter-spacing:0px; color:#ffffff;font-size: 14px;cursor: pointer;text-decoration:none !important}			
					.menu-wrap ul li a:hover{color:#5cc2f8;text-decoration:none !important}
					ul{list-style: none}
.titletext {
	position: relative;
	margin-left: 120px;
	margin-top: 75px;
	font-family: 'proximablack'; 
	line-height:60px; 
	height:40px;
    text-align: left;
	z-index: 1;
	}
	.titletext strong {
	color:#f27900;
	/* #f27900 f28800 */ 
	font-size:28px;
	font-family: 'FrutigerLTW01-77BlackCn', Helvetica, Arial, sans-serif; font-weight: 600;
	z-index: 1;
	text-shadow:0 1px 0 rgba(0,0,0,0.1)

	}
	 .titletextgray {
    font-family:Verdana, Geneva, sans-serif;
	letter-spacing: 1px;
    margin-left: -21px;
    text-align: center;
    color:#2d8bc8; 
	font-size:16px;
	font-weight:normal;
	z-index: 1;
}

.stepsy {
	display:none;
	position: absolute;
         background-image: url('/front/images/stepsy.png');
		 margin-left: 0.2%;
         z-index: 1;
		 width: 290px;
		 height: 266px;
		 margin-top: 20px;
}
	 .hr{		
	margin-left: 300px;	
	width: 700px;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);	    
}



.clearfix:after {
  clear: both;
}

@font-face{font-family:'MyriadPro';src:url("../../../../front/fonts/myriadpro-light-webfont.eot");src:url("../../../../front/fonts/myriadpro-light-webfont.eot?#iefix") format("embedded-opentype"),url("../../../../front/fonts/myriadpro-light-webfont.woff") format("woff"),url("../../../../front/fonts/myriadpro-light-webfont.ttf") format("truetype"),url("../../../../front/fonts/myriadpro-light-webfont.svg#MyriadProLight") format("svg");font-weight:100;font-style:normal}
@font-face{font-family:'MyriadPro';src:url("../../../../front/fonts/myriadwebpro-webfont.eot");src:url("../../../../front/fonts/myriadwebpro-webfont.eot?#iefix") format("embedded-opentype"),url("../../../../front/fonts/myriadwebpro-webfont.woff") format("woff"),url("../../../../front/fonts/myriadwebpro-webfont.ttf") format("truetype"),url("../../../../front/fonts/myriadwebpro-webfont.svg#MyriadWebProRegular") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'MyriadPro';src:url("../../../../front/fonts/myriadpro-semibold-webfont.eot");src:url("../../../../front/fonts/myriadpro-semibold-webfont.eot?#iefix") format("embedded-opentype"),url("../../../../front/fonts/myriadpro-semibold-webfont.woff") format("woff"),url("../../../../front/fonts/myriadpro-semibold-webfont.ttf") format("truetype"),url("../../../../front/fonts/myriadpro-semibold-webfont.svg#MyriadProSemibold") format("svg");font-weight:bold;font-style:normal}

@charset "UTF-8";

/* Font faces */
@font-face{font-family:'HelveticaNeueLTStd-Bd';src:url("/front/fonts//2C218C_0_0.eot");src:url("/front/fonts//2C218C_0_0.eot?#iefix") format("embedded-opentype"),url("/front/fonts//2C218C_0_0.woff") format("woff"),url("/front/fonts//2C218C_0_0.ttf") format("truetype")}@font-face{font-family:'HelveticaNeueLTStd-Th';src:url("/front/fonts//2C218C_1_0.eot");src:url("/front/fonts//2C218C_1_0.eot?#iefix") format("embedded-opentype"),url("/front/fonts//2C218C_1_0.woff") format("woff"),url("/front/fonts//2C218C_1_0.ttf") format("truetype")}


body{font-family:"MyriadPro",Helvetica,Arial,sans-serif;color:#393D43;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;min-width: 1500px;}
					
					
.mentions {display: block;width: 100%; }
.mentions img {width: 70%;display:block;margin: 0 auto}
.header2 p {text-align: center}
					.header2{position: absolute;margin-top:0px;width:100%;height:87px;margin-bottom:0px;box-shadow:0px 0px 0px rgba(0,0,0,0.6);background-color: #F4F4F4;border-bottom:0px solid #03618a;border-top:0px solid #0e80b0;z-index:8000}
					.header2 .row{position:relative}
					.header2 .row .logo{position:absolute;top:17px;left:0}
					.header2.small{height:50px}
					.header2.small .logo{top:7px;height:35px}
					ul.top-nav{position:absolute;top:3px;left:0;margin-bottom:0px}
					/* ul.top-nav li{margin:0px 0px 0px 35px;line-height:60px;float:right;font-size:22px} */
					ul.top-nav li a{color:#fff;text-decoration:none}
					ul.top-nav li a:hover{color:#F5BD11;text-decoration:none}
					ul.top-nav li a.active{font-family:'MyriadPro';color:#F5BD11;font-weight:bold;}
					ul.top-nav.small{top:-5px}
					ul.top-nav.small li{font-size:16px;color:#fff}
					ul.top-nav.small li.buttonh{font-size:16px !important;margin-left:10px}
					.header-signup,.header-login{font-size:20px !important;position:relative;padding:8px 15px 9px 15px !important;top:-1px}
					.header-signup{font-size: 21px;color:#fff !important}
					.row{width:100%;max-width:980px;min-width:727px;margin:0 auto}
					.row .row{min-width:0}
.buttonh{
	background:#00a6fc;
	display:inline-block;
	text-align:center;
	padding:9px 34px 11px;
	color:#fff;
	text-decoration:none;
	font-weight:400;
	line-height:1;
	font-family:"Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;
	position:relative;
	cursor:pointer;
	border:none;
	outline:none;
	margin:0}

input[type=submit].button,button.button{-webkit-appearance:none}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none}

.buttonh.nice{background:#00a6fc url("../images/button-gloss.png") repeat-x 0 -31px;
/* SHADOW OF BUTTONS, removed to achieve flat effect *
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
text-shadow:0 -1px 1px rgba(0,0,0,0.28); */
background:#00a6fc url("../images/button-gloss.png") repeat-x 0 -31px,-moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, transparent 100%);
background:#00a6fc url("../images/button-gloss.png") repeat-x 0 -31px,-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.4)), color-stop(100%, transparent));
border:0px solid #0593dc;
-webkit-transition:background-color 0.15s ease-in-out;
-moz-transition:background-color 0.15s ease-in-out;
-o-transition:background-color 0.15s ease-in-out}
	
	.buttonh.radius{
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px}
		
		.white.buttonh{background-color:#e9e9e9;color:#333}
        .nice.white.buttonh{border:0px solid #cacaca;text-shadow:none !important}
	    .nice.yellow.buttonh{border:0px solid #c3970e;text-shadow:none !important}

        .buttonh:hover,.buttonh:focus{background-color:#0192dd;color:#fff}
        .white.buttonh:hover,.white.buttonh:focus{background-color:#dadada;color:#333}
        .yellow.buttonh:hover,.yellow.buttonh:focus{background-color:#dadada;color:#333}

        .nice.buttonh:active{-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,0.15);-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 1px 0 rgba(0,0,0,0.15)}
	.inline.buttonh{display:inline-block}
					
	.buttonh.nice.yellow{background:#f5bd11}
	.buttonh.nice.yellow.yellow{background:#f5bd11;color:#666;text-shadow:none;box-shadow:inset 0px -20px 20px rgba(0,0,0,0.1),0px 0px 0px rgba(0,0,0,0.1)}
	.buttonh.nice.yellow:hover{background:#f5bd11;color:#666;box-shadow:inset 0px -20px 20px rgba(0,0,0,0.2),2px 2px 0px rgba(0,0,0,0.1)}
	
	.buttonh.nice.white{background:#fff;color:#666;text-shadow:none;box-shadow:inset 0px -20px 20px rgba(0,0,0,0.1),0px 0px 0px rgba(0,0,0,0.1)}
	.buttonh.nice.white:hover{background:#f6f6f6;color:#666;box-shadow:inset 0px -20px 20px rgba(0,0,0,0.2),2px 2px 0px rgba(0,0,0,0.1)}
	.buttonh.nice.orange{background:#F67E00}
	.buttonh.nice.orange:hover{background:#d06b00}
	
	.button.nice{font-family:'MyriadPro';box-shadow:inset 0px -20px 20px rgba(0,0,0,0.1),2px 2px 0px rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.2);letter-spacing:0px;text-transform:lowercase;text-decoration:none;font-size:22px;position:relative;color:#fff;padding:8px 15px 9px 15px;text-shadow:1px 1px 0px rgba(0,0,0,0.1)}
.button.nice:hover{border:1px solid rgba(0,0,0,0.3);box-shadow:inset 0px -20px 20px rgba(0,0,0,0.2),2px 2px 0px rgba(0,0,0,0.1);text-decoration:none}
	
/* 3 columns */

#pagewrap {
	position: relative;
	padding: 5px;
	height: auto;
	width: 1100px;
	margin: 0px auto;
	padding-top:100px;
	color: #393D43;
	min-height: 880px;
}
.wrappage {
	background:rgba(239,239,239,0.5);
	width:100%;
	min-height:1200px;
}
.columnstitle {
	padding: 0 15px 5px;
  text-align:center;
	
	font-size:35px;
	opacity:9;
	font-family:'HelveticaNeueLTStd-Bd';
		font-weight: 100;
	color: #393D43;
}

.subtitle {
	display:block;
	margin-top:190px;
	clear:both;
	padding: 0px 15px 0px;
  text-align:center;
	font-size:22px;
	opacity:9;
	height: 40px;
	font-family:'HelveticaNeueLTStd-Th';
		font-weight: 300;
	color: #393D43;
}

.subtitlepagewrap {
	display:block;
	clear:both;
	padding: 0px 15px 0px;
  text-align:center;
	font-size:20px;
	opacity:9;
	margin-top:-15px;
	height: 40px;
	font-family:'HelveticaNeueLTStd-Th';
		font-weight: 300;
	color: #393D43;
}

#content {
	width: 360px;
	padding: 5px 35px;
	text-align:center;
	display:inline-block;
position:relative;
	float:left


}
#content p {	text-align:left
}
#pagewrap p {margin-top: 0px}
#content img {height: 68px;margin-bottom: 30px}

#middle {
	width: 360px; /* Account for margins + border values */
	float: left;
	height: 280px;
	padding: 5px 35px;
	  text-align:center;
		display:inline;
position:relative;

}
#middle img {height: 68px; margin-bottom: 30px}
#middle p {text-align:left}

#third {
	width: 360px;
	padding: 5px 35px;
	float: left;
	  text-align:center;
		display:inline;
position:relative;

	height: 280px;

}
#third  img {height: 68px;margin-bottom: 30px}
#third p {
	text-align:left
}
#pagewrap h2 { 
	font-family:'MyriadPro';
		font-weight: 700;
	color: #393D43;
  	font-size: 1.25em;
		margin-top: 0px;
	text-align:left;

}





/* testimonials */
#stjr-widget1 .stjr-container .stars--widgets {width: 90px}
#pagewraptestimonials {
	position: relative;
	padding: 5px;
	padding-top:90px;
	width: 70%;
	margin: 0 auto;
	color: #393D43;
	min-height: 10px;
	max-height: 200px;
	max-width: 1200px;
	clear:both;
	display:block;
}

.columnstitletestimonials {
	padding: 0 15px 5px;
  text-align:center;
	
	font-size:35px;
	opacity:9;
	font-family:'HelveticaNeueLTStd-Bd';
		font-weight: 100;
	color: #393D43;
}

.subtitletestimonials {
	padding: 0px 15px 15px;
  text-align:center;
	
	font-size:20px;
	opacity:9;
	font-family:'HelveticaNeueLTStd-Th';
		font-weight: 100;
	color: #393D43;
}
#contenttestimonials {
	width: 360px;
	float: left;
	padding: 5px 35px;
	  text-align:center;

}
#pagewraptestimonials p {margin-top: 0px}
#contenttestimonials img {height: 135px;margin-bottom: 30px}

#middletestimonials {
	width: 360px; /* Account for margins + border values */
	float: left;
	padding: 5px 35px;
	margin: 0px 5px 5px 5px;
	  text-align:center;

}
#middletestimonials img {height: 133px; margin-bottom: 30px}


#thirdtestimonials {
	width: 360px;
	padding: 5px 35px;
	float: left;
	 text-align:center;
	margin-top: 0px;

}
#thirdtestimonials  img {height: 133px; margin-bottom: 30px;}

#pagewraptestimonials h2 { 
	font-family:'MyriadPro';
		font-weight: 500;
	color: #393D43;
  	font-size: 1.3em;
		margin-top: 0px;

}


	#wrap {
	margin: -21px auto;
	max-width:1000px;
	min-width: 600px;
    display:block;
	}
 

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */


#pagewrap .columnstitle, #content, #middle, #third {
	margin-bottom: 5px;
}



#toptwocontainer {
 margin-top: 80px;
width: 100%;
 background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(250,250,250,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1 );
}


#toptwo{
 width: 100%;
 height: 350px;
 margin: 0 auto;
 width: 60%;

}






/* no media */

#centrum{
 height: 380px; /* previous 240px */
 margin: 0 auto;
 max-width: 1100px; 
 width: 74%;
}


#centrum .centruminside {
	position: relative;
	margin: 0 auto;
	width: 50%;
	display: inline;
}

#centrum .centruminside img {
	margin-top: 48px;padding-right:10px;padding-top:10px;
	width: 32%;
	min-width: 400px;
	display: inline;
	float:left;
	
}

#centrum .centruminside img.righto {
	margin-top: 48px;padding-right:10px;padding-top:10px;padding-left:50px;
	width: 50%;
	min-width: 400px;
	display: inline;
	float:right;
	
}
#takealookthirdy #centrum .centruminside img.thirdimg {margin-top:60px;width:40%;max-width:350px;padding-left:5%}

#centrum .centruminside img.thirdimg {margin-top:60px;min-width:148px;padding-left:5%}
#centrum .centruminside .span-6  {
text-align: center;
 float: left;
 width: 50%;
 padding-left: 35px; /* previous 1px */
	}

#takealook #centrum .centruminside .span-6  {
text-align: center;
 float: left;
 width: 65%;
	max-width:560px;
 padding-left: 85px;
	}

/* no media */
#centrum .centruminside .span-6 h5 {
   	font-family:'HelveticaNeueLTStd-Bd';
		font-weight: 100;
	color: #49505B;
	font-size: 25px;	 
	float: left;
	text-align: left;
}
#centrum .centruminside .span-6 h5 span {
	font-family:'MyriadPro';	
	font-size: 24px;	 
    font-weight: 300;
	color: #393D43;
	float:left;
	padding-right: 8px;
	padding-bottom: 5px;
	text-align: left;
}
#centrum .centruminside .span-6 strong {
   	font-family:'HelveticaNeueLTStd-Bd';
    font-weight: 400;
    color: #49505B;
    font-size: 18px;

}
/* no media */

#centrum .centruminside .span-6 p {
		color: #393D43;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: 100;
	text-align: left;
	float:left;
	margin-top: -28px;

}	


#centrum .centruminside .span-6 .indent {
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: 100;
	text-align: left;
	margin-top: -5px;
	padding-bottom: 15px;
}

#centrum .centruminside .span-6 a {
	text-decoration:none;
}









.popstamps {
	display: none;
	position: absolute;
	margin-left: 28%;
	display: none;
	margin-top: 95px;
	background-image: url('/front/images/popstamps2.png');
	background-size: 615px 59px;
	     z-index: 9999;
		 width: 615px;
		 height: 59px;
		 float:left;
}

.rack {
	position:relative;
	display: none;
	margin-left: 6%;
	margin-top: -84px;
	float:left;
	background-image: url('/front/images/mactop@2x.png');	
	background-size: 395px 232px;
    width: 395px;
    height: 232px;
}
/* no media */
#sealscontainer {
	background: #D4D4D4;
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(250,250,250,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1 ); 
width: 100%;
z-index: 1;
position: relative;
height: 250px;
margin-top: 50px;
}
.seals {
		display:block;

	padding-top: 20px;
	position: relative;
	margin: 0 auto;
	margin-top: 0px;
	z-index: 1;
	width: 55%;
	color: #0f549b;
	padding-bottom: 20px;
}

.seals h5 {
	display:block;
    font-family:'MyriadPro';
	font-size: 26px;	 
    font-weight: 300;
	color: #1995cf;
	text-align: center;
	height: 20px;
	margin-top: 10px;
	width: 70%;
	margin-left: 12%;
}

/* no media */
.laurel a { 
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
text-decoration:none;
	color: #8F8F8F;
	margin-top: 4px;
	font-size: 16px;
	font-weight: 1000;
	cursor:pointer
}

.laurel a:hover{color:#1eb6e8;text-decoration:none !important}

.laurel a:visited {	
text-decoration:none;
	color: #8F8F8F;
}

.laurel a:active {
text-decoration:none;
	color: #8F8F8F;
}
/* no media */
.laurel {
  background: url('/front/images/lleft.svg') no-repeat 10% 50%, url('/front/images/lright.svg') no-repeat 90% 50%;
  background-size: 30px;
  text-align: center;
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  height: 80px;
  min-height: 40px;
  padding: 0 43px;
  margin-top: -10px;
}
.laurel strong{font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
text-decoration:none;
	color: #8F8F8F;
	margin-top: 4px;
	font-size: 16px;
	font-weight: 2000;}
.laurel .text {
  display: table-cell;
  vertical-align: middle;
  height: 80px;
  color: #2C2C2C;
  padding-bottom: 5px;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 17px
}
.laurel p {
  margin: 0;
  margin-top: 4px;
}



.buybutton {color: #ffffff;display: block; margin-top: 20px; padding: 8px 10px 0px 10px; border: 0; background: #00a3e7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00afd8), color-stop(100%, #009dcd)); background-image: -webkit-linear-gradient(#00afd8, #009dcd); background-image: -moz-linear-gradient(#00afd8, #009dcd); background-image: -o-linear-gradient(#00afd8, #009dcd); background-image: linear-gradient(#00afd8, #009dcd); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; font-size: 1.076923076923077em; /* 14px */ line-height: 1.428571428571429em; /* 20px */ white-space: nowrap; color: #fff; }

.buybutton:link, .buttonss:visited { color: #fff; }
.buybutton:hover { color: #ffffff;text-decoration: none; }

.buybutton:hover, .buttonss:focus {color: #ffffff; background: #1eb8dd; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #31c4e3), color-stop(100%, #15a7d3)); background-image: -webkit-linear-gradient(#31c4e3, #15a7d3); background-image: -moz-linear-gradient(#31c4e3, #15a7d3); background-image: -o-linear-gradient(#31c4e3, #15a7d3); background-image: linear-gradient(#31c4e3, #15a7d3); }

.buybutton:active { color: #fff;padding: 9px 20px 7px 20px; background: #009ec3; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0089b3), color-stop(100%, #00accc)); background-image: -webkit-linear-gradient(#0089b3, #00accc); background-image: -moz-linear-gradient(#0089b3, #00accc); background-image: -o-linear-gradient(#0089b3, #00accc); background-image: linear-gradient(#0089b3, #00accc); -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.6); -moz-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.6); 
}


 #buybutton {
	 position: absolute;
	 display: inline;
     margin-left: 20%;
     margin-top: 12px;
	 
	 
 }
 
#buybutton a {
	text-decoration:none;
	color:#fff;
}
#buybutton a:hover {
	color: #fff;
}
#buybutton a:visited {
	color: #fff;
}


/* non-resolute */

 #buyit {
	 position: absolute;
	 float: left;
     margin-top: 18px; 
	 margin-left: 0px;
	 z-index: 9999;
	 text-align: center;
	 text-decoration: none;

	 
 }
#buyit p {
	color: #ffffff;margin-left: 1px;  font-size:18px;font-weight: 500;text-shadow:none;margin-top:18px;   text-decoration: none;font-family:"Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;
}
 
#buyit a {
	text-decoration:none;
	color:#fff;
}
#buyit a:hover {
	color: #fff;
	     text-decoration: none;

}
#buyit a:visited {
	color: #fff;
     text-decoration: none;

}




			.no-cssanimations .rw-wrapper .rw-sentence span:first-child{
				opacity: 1;
			}
	
			
.bvs {
    display: inline;
	cursor: pointer;
 }
 
 .btn{color:#FFF;background:gray;letter-spacing:normal;text-transform:none;font-weight: 900;font-size: 18px;padding:0.7em 0.7em;box-shadow: 0px 0px 0px #0b0b0b;border:2px solid  #008deb;	font-family:"Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;
}

.btn:link,.btn:visited{color:#FFF}
.btn:hover{cursor:pointer;background:black;color:white}
.btn:active{background:red;color:white;position:relative;top:2px;}

@media (min-width: 580px){.btn{}}
.btn,[class^="btn-"],[class*=" btn-"]{border-radius:3px;display:inline-block;transition:background-color .2s}.btn[disabled=disabled],.btn:disabled,.btn[disabled=disabled]:hover,.btn:disabled:hover,.btn[disabled=disabled]:active,.btn:disabled:active,[class^="btn-"][disabled=disabled],[class^="btn-"]:disabled,[class^="btn-"][disabled=disabled]:hover,[class^="btn-"]:disabled:hover,[class^="btn-"][disabled=disabled]:active,[class^="btn-"]:disabled:active,[class*=" btn-"][disabled=disabled],[class*=" btn-"]:disabled,[class*=" btn-"][disabled=disabled]:hover,[class*=" btn-"]:disabled:hover,[class*=" btn-"][disabled=disabled]:active,[class*=" btn-"]:disabled:active{color:white;background:#a7b8bc;border:none;cursor:default;box-shadow:none}.buyit,.business-btn{text-decoration: none;width: 288px;color:#FFF;background: #0096ff}.buyit:link,.buyit:visited,.business-btn:link,.business-btn:visited{text-decoration: none;color:#FFF}.buyit:hover,.business-btn:hover{cursor:pointer;background: #009FEF;color:white}.buyit:active,.business-btn:active{background:#105D8C;color:white;position:relative;top:2px}
 
 
 .btn2{text-align:center;display:block;color:#FFF;background:gray;letter-spacing:normal;text-transform:none;font-size:16px;font-size:1rem;padding:0.9em 0.7em}.btn2:link,.btn2:visited{color:#FFF}.btn2:hover{cursor:pointer;background:black;color:white}.btn2:active{background:red;color:white;position:relative;top:2px}@media (min-width: 580px){.btn2{font-size:19px;font-size:1.1875rem}}.btn2,[class^="btn-"],[class*=" btn-"]{border-radius:4px;display:inline-block;transition:background-color .2s}.btn2[disabled=disabled],.btn2:disabled,.btn2[disabled=disabled]:hover,.btn2:disabled:hover,.btn2[disabled=disabled]:active,.btn2:disabled:active,[class^="btn-"][disabled=disabled],[class^="btn-"]:disabled,[class^="btn-"][disabled=disabled]:hover,[class^="btn-"]:disabled:hover,[class^="btn-"][disabled=disabled]:active,[class^="btn-"]:disabled:active,[class*=" btn-"][disabled=disabled],[class*=" btn-"]:disabled,[class*=" btn-"][disabled=disabled]:hover,[class*=" btn-"]:disabled:hover,[class*=" btn-"][disabled=disabled]:active,[class*=" btn-"]:disabled:active{color:white;background:#a7b8bc;border:none;cursor:default;box-shadow:none}.buyit2,.business-btn{color:#FFF;background:#44BE5F}.buyit2:link,.buyit2:visited,.business-btn:link,.business-btn:visited{color:#FFF}.buyit2:hover,.business-btn:hover{cursor:pointer;background:#00B636;color:white}.buyit2:active,.business-btn:active{background:#068529;color:red;position:relative;top:2px}
 
 
 .btn2.buyit2 a:visited,.btn2.buyit2  a:hover, .btn2.buyit2  a:link{font-size: 17px;font-weight:400}

 
 

 html{
	overflow-x:hidden;
	
}
body{
		margin:0px;
	padding:0px;
	border:0px;
	    background-color: #ffffff;

	/*
    background-image: linear-gradient(bottom, #DFDFDF 10%, #FCFCFC 90%);
    background-image: -o-linear-gradient(bottom, #DFDFDF 10%, #FCFCFC 90%);
    background-image: -moz-linear-gradient(bottom, #DFDFDF 10%, #FCFCFC 90%);
    background-image: -webkit-linear-gradient(bottom, #DFDFDF 10%, #FCFCFC 90%);
    background-image: -ms-linear-gradient(bottom, #DFDFDF 10%, #FCFCFC 90%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, #DFDFDF), color-stop(0.9, #FCFCFC));
	*/
	min-width:1200px;
		overflow: hidden;

}
div{
	margin:0px;
	padding:0px;
	border:0px;
}
img{
	border:0px;
}
input:focus{
    outline:none;
}
textarea:focus{
    outline:none;
}

.containermap {
	background-color: #85d1f3;
	height: 790px;
}

/* CONTENT */
#contentWrapper{
height: auto;
	background-color:#85d1f3;

}
 
 @charset "utf-8";
 
 /* ICONS */
 .keynote1 {
	 padding-top: 50px;
	 margin-left: 150px;
	 font-family:'MyriadPro';
	 color:#1888b9;
	 font-weight:bold;
	 font-size: 19px;
	 
 }
 

/* blue-field above separator, modified from mapwrapper / servers */
#mapWrapper1{  
	width:100%;
		background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(250,250,250,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1 );background-position:center;
	background-repeat:no-repeat;
    margin-top: 200px;
	height: 400px;
}






#mapHolder{
	width:1100px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#efefef;

}
#mapButtonHolder{
	width:128px;
	height:70px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
		background-color:#efefef;

}
#mapHeaderText{
	width:606px;
	height:52px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}
#mapContentWrapper {
	width: 100%;
	height: 300px;
	
}
#mapContent{
	margin-left:60px;
	margin-top:100px;
	overflow:invisible;
	background-color:#efefef;

}
#mapImg{
	left: 0;
	position:absolute;
	margin-left: 10px;
	background-color:#efefef;
    }

.movecountries {
	margin-left: 10px;
}

#twitter_counter {
	margin-left: -20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	line-height:48px;
	padding-top:5px;
	color:#F05921;
	text-align:center;}
	
	.movetwit {
		margin-left: 40px;
	}
#twitter_counter .digit-con span{
	margin-top:0px;
	display:block;
	text-align:center;
	font-size:36px;
	line-height:27px;
	position:relative;
	padding:0px;
	margin-left:0px;
	margin-right:0px;
	top:0;
	font-family:Arial, Helvetica, sans-serif;
		color:#F05921;

}
	
#liveCounter_email{
	width:248px;
	height:45px;
	background-image:url(//vpnarea.com/front/images/jquerycountdowncountries.png);
	background-repeat:no-repeat;
	padding-right: -500px;
}
#liveCounterText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:52px;
	line-height:48px;
	padding-top:5px;
	color:#F05921;
	text-align:center;
	margin-left: 34px;
	margin-top: 10px;
}
#liveCounterText .digit-con{
	position:relative;
	height:48px;
	overflow:hidden;
	display:inline-block;
}
#liveCounterText .digit-con span{
	margin-top:0px;
	display:block;
	text-align:center;
	font-size:52px;
	line-height:48px;
	position:relative;
	padding:0px;
	margin-left:0px;
	margin-right:0px;
	top:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#F05921;
}
.liveCounter_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:33px;
	line-height:27px;
	padding-top:6px;
	padding-right:41px;
	color:#FFF;
	text-align:right;
	letter-spacing: 8px;
	
}
.liveCounter_text .digit-con{
	position:relative;
	height:27px;
	overflow:hidden;
	display:inline-block;
		color:#F05921;

}
.liveCounter_text .digit-con span{
	margin-top:0px;
	display:block;
	text-align:center;
	font-size:33px;
	line-height:27px;
	position:relative;
	padding:0px;
	margin-left:0px;
	margin-right:0px;
	top:0;
	font-family:Arial, Helvetica, sans-serif;

}




/* MARKERS */
.marker_content{
	float:left;
	margin-right:16px;
	
}
.digit-con{
	position:relative;
	height:21px;
	overflow:hidden;
	display:inline-block;
}
.digit-con span{
	margin-top:1px;
	display:block;
	text-align:center;
	font-size:24px;
	line-height:21px;
	position:relative;
	padding:0px;
	margin-left:-3px;
	margin-right:-6px;
	top:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
.map_counter_left{
	margin-top:-4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FFF;
	text-align:left;
}
.map_counter_right{
	margin-top:-4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FFF;
	text-align:right;
}
/* northamerica */
#northamerica {
	position:absolute;
	margin-top:-15px;
	margin-left:-60px;
}
#northamericaText {
	margin-top: 90px;
	margin-left: -50px;
	margin-bottom:5px;
}

#northamerica_counter {
	position: absolute;
	margin-left: 10px;
}
#northamerica_counter a{
	background-color:#005EA7;
	color: #ffffff;
	padding:5px;
	padding-top:1px;
	padding-bottom:1px;
	margin-top: 3px;
    height: 24px;
}
#northamerica_marker{
	width:35px;
	text-align:center;
	padding-top:20px;
	margin-top: 120px;
	margin-left: -155px;
}
#northamerica_marker_shadow{
	width:35px;
	text-align:center;
	margin-left: -155px;
}
/* europe */
#europe{
	position:absolute;
	margin-top:-10px;
	margin-left:285px;
}
#europeText{
	margin-top: 100px;
	margin-bottom:5px;
	margin-left: 1px;
}

#europe_counter {
	position: absolute;
	margin-left: 1px;
}

#europe_counter a{
	background-color:#005EA7;
	padding:5px;
	padding-top:1px;
	padding-bottom:1px;
	color: #ffffff;
	margin-top: 3px;
    height: 24px;
	
}
#europe_marker{
	width:35px;
	text-align:center;
	padding-top:20px;
	margin-top: 80px;
	margin-left: 1px;
}
#europe_marker_shadow{
	width:35px;
	text-align:center;
	margin-left: 1px;
}
/* excccp */
#excccp{
	position:absolute;
	margin-top:210px;
	margin-left:330px;
}
#excccpText{
	margin-bottom:5px;
	margin-left: 189px;
	margin-top: -70px;
}

#excccp_counter {
	position: absolute;
	margin-left: 189px;
}

#excccp_counter a{
	background-color:#005EA7;
	padding:5px;
	padding-top:1px;
	padding-bottom:1px;
	
	margin-top: 3px;
    height: 24px;
}
#excccp_marker{
	width:35px;
	text-align:center;
	padding-top:20px;
	margin-left: 145px;
	margin-top: -95px;
}
#excccp_marker_shadow{
	width:35px;
	text-align:center;
	margin-left: 145px;
}
/* asia */
#asia{
	position:absolute;
	margin-top:315px;
	margin-left:433px;
}
#asiaText{
	margin-top: -70px;
	margin-left: 170px;
}

#asia_counter {
	position: absolute;
	margin-left: 170px;
	}

#asia_counter a{
	background-color:#005EA7;
	margin-top: 3px;
    height: 24px;
	padding:5px;
	padding-top:1px;
	padding-bottom:1px;
}
#asia_marker{
	width:35px;
	text-align:center;
	padding-top:20px;
	margin-left: 120px;
	margin-top: -100px;
}
#asia_marker_shadow{
	width:35px;
	text-align:center;
	margin-left: 120px;
	
}

/* Australia */




#australia{
	position:absolute;
	margin-top:315px;
	margin-left:433px;
}
#australiaText{
	margin-top: 90px;
	margin-left: -220px;
}

#australia_counter {
	position: absolute;
	margin-left: -220px;
	}

#australia_counter a{
	background-color:#005EA7;
	margin-top: 3px;
    height: 24px;
	padding:5px;
	padding-top:1px;
	padding-bottom:1px;
}
#australia_marker{
	width:35px;
	text-align:center;
	padding-top:20px;
	margin-left: 240px;
	margin-top: 45px;
}
#australia_marker_shadow{
	width:35px;
	text-align:center;
	margin-left: 237px;
	
}

/* africa2 */
#africa2{
	position:absolute;
	margin-top:460px;
	margin-left:220px;
}
#africa2Text{
	margin-top: -50px;
	margin-bottom:5px;
	margin-left: 50px;
}

#africa2_counter {
	margin-left: 50px;
}
#africa2_counter a{
	background-color:#005EA7;
	padding:5px;
	padding-top:1px;
	padding-bottom:1px;
	
	margin-top: 3px;
    height: 24px;
}
#africa2_marker{
	width:35px;
	text-align:center;
	margin-top:-20px;
	margin-left: 100px;
	margin-top: -150px;
}
#africa2_marker_shadow{
	width:35px;
	text-align:center;
	margin-left: 100px;

}
/* southamerica */
#southamerica {
	position:absolute;
	margin-top:150px;
	margin-left:-47px;
}
#southamericaText{
	margin-bottom:5px;
	margin-top: 150px;
}
#southamerica_counter {
	margin-right: 80px;
}
#southamerica_counter a{
	background-color:#005EA7;
	padding:5px;
	padding-top:1px;
	padding-bottom:1px;
	
	margin-top: 3px;
    height: 24px;
}
#southamerica_marker{
	width:35px;
	text-align:center;
	padding-top:20px;
	margin-top: 180px;

}
#southamerica_marker_shadow{
	width:35px;
	text-align:center;
}


.containercolumn{
	width: 150px;
	height: 20px;
	margin:0 auto;
}
.one-column {
  margin-top: 10px;
  background: #1e9cd4;
}

.ribbon {
  margin-top: 12px;
  margin-left: -10px;
  margin-bottom: 15px;
  font-family: "ProximaNova", Helvetica, Arial, sans-serif;
  height: 0px;
  border-style: solid;
  border-width: 8px;
}

.ribbon .title {
  text-transform: uppercase;
  font-size: 10px;
  color: #fff;
  margin-top: -8px;
  letter-spacing: 1px;
  position: absolute;
}


.ribbon.infographic {
  border-color: #f5a51c #ffffff #f5a51c #f5a51c;
  width: 105px;
}
.ribbon.infographic.grey {
  border-right-color: #1e9cd4;
}

.containerside {
  padding-left: 25px;
  padding-right: 25px;
  width: 100%;
  padding-bottom: 50px;
}


.col1 {
  float: left;
  width: 28%;
  text-align: center;
  padding-bottom: 0;
  min-height: 50px;
}

.col2 {
  float: right;
  width: 65%;
  margin-left: 0px;
  color: #47566E;
}
 .col2 p {
  font-size: 23px;
  line-height: 25px;
  text-transform: uppercase;
}
 .col2 p:hover {
  color: #1292d0;
}





.containercolumna{
	width: 100px;
	margin:0 auto;
}
.one-columna {
	position: relative;
  margin-top: 10px;
  background: #eee;
}

.ribbona {
  margin-top: 12px;
  margin-left: -10px;
  margin-bottom: 15px;
  font-family: "ProximaNova", Helvetica, Arial, sans-serif;
  height: 0px;
  border-style: solid;
  border-width: 8px;
}

.ribbona .titlea {
  text-transform: uppercase;
  font-size: 10px;
  color: #fff;
  margin-top: -8px;
  letter-spacing: 1px;
  position: absolute;
}


.ribbona.infographica {
  border-color: #f5a51c #ffffff #f5a51c #f5a51c;
  width: 105px;
}
.ribbona.infographica.greya {
  border-right-color: #eee;
}

.containersidea {
  padding-left: 25px;
  padding-right: 25px;
  width: 100%;
  padding-bottom: 20px;
}


.col1a {
  float: left;
  width: 28%;
  text-align: center;
  padding-bottom: 0;
  min-height: 50px;
}

.col2a {
  float: right;
  width: 65%;
  margin-left: 10px;
  color: #47566E;
}
 .col2a p {
  font-size: 23px;
  line-height: 25px;
  text-transform: uppercase;
}
 .col2a p:hover {
  color: #1292d0;
}
#quartermain {
	width: 100%;
}

.q2 {
	margin-top: -10px;
}
.q3 {
	margin-top: -18px;
}#wrapquarters {
		display:block;
		margin: 0 auto;
		width: 70%;
	}
#quarter-list {
	margin: 0 auto;
	height: 120px;
	padding-left: 60px;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    width:77%;
	
	}

#quarter-list h2 {
    margin-bottom: 60px;
}

#quarter-list img {
    float: left;
	margin-top: -30px;
}

#quarter-list .span-6 div {
    width: 300px;
    margin-left: 15%;
	margin-top: -75px;
	
}

#quarter-list .span-6 {
    padding-top: 10px;
}

#quarter-list .span-6 h5 {
 font-family:'MyriadPro';
	font-size: 22px;	 
    font-weight: 300;
	color: #1995cf;
	margin-top: 39px;
	
	
}

#quarter-list .span-6 strong {
	font-size: 22px;
}

#quarter-list .span-6 p {
	color: #033e66;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	margin-top: -31px;
	font-weight: 100;
	width: 270px;
}	

.col {
/*    position: relative;*/
    width: 100%;
	margin: 0 auto;
	margin-left: -20px;
    display: block;
    float: left;
	margin-top: 60px;
	}

.col img {
    max-width: 100%;
    height: auto;
	margin-top: -40px;
    margin-right: -20px;}


.countries {
	
	background-image: url('//vpnarea.com/front/images/circuit1.png'); 
    background-color: #fff;
}

/* Double Diagonal line */

*,
*:after,
*::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
}


.sectiondd {
	position: relative;
	padding: 6em 10%;
	background: #2980b9;
	color: #fff;
	text-align: center;
	z-index: 1
	
}

.sectiondd::before,
.sectiondd::after {
	position: absolute;
	content: '';
	pointer-events: none;
	z-index: 1;
}
.ss-style-doublediagonal {
	z-index: 1;
	height: 100px;
	padding-top: 1em;
	background: #ffffff;
	background-image:url(vpnarea.com/front/images/circuit1.png);
-webkit-backface-visibility: hidden;
	}


.ss-style-doublediagonal::before,
.ss-style-doublediagonal::after {
	top: 0;
	left: -15%;
	z-index: -1;
	width: 116%;
	height: 75%;
	background: inherit;
	-webkit-transform: rotate(-0deg);
	transform: rotate(-0deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-backface-visibility: hidden;
}

.ss-style-doublediagonal::before {
	height: 50%;
	background: #116094;
	-webkit-transform: rotate(-1deg);
	transform: rotate(-1deg);
	-webkit-transform-origin: 3% 0;
	transform-origin: 3% 0;
	-webkit-backface-visibility: hidden;
	
}

#clouds path {
	fill: #efefef;
	stroke: #efefef;
}

.offer{background:#6882a2;color:#a0bcce;font-size:1.25em;padding:22px 40px;margin:40px auto 50px auto;display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.offer{line-height:1.5em;font-size:1.1em;padding:10px 20px;margin:10px auto 30px auto}
.offer strong{color:#96b5c9;text-transform:uppercase;font-size:85%;padding:0 1px}




/* plans start here */


.countries {
    background-color: #fff;
	height: 750px;
}

 .plans-signup{position: relative;z-index:1;
	 margin-top: -0p;
	 margin: 0 auto;
	 width: 100%;
	 }
#how_treehouse_works .plans-signup 

 
.plans-container {margin-bottom:80px;display:inline-block;border-top:8px solid #4c5760;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;overflow:hidden;background:#f4f7f8}

.moveup {

	float: left;
	display: inline;margin-top: -10px;margin-left: 28px;
	padding-right: 25px;
}
 
/* select button */


/* buy now top bar */
.selectmebb {
	display:block;
	cursor: pointer;
	position: relative;
	text-align:center;
	z-index:9999;
	padding-top: 3px;
	text-decoration:none;
  width:95px;
  height: 32px;
  background:#0096ff;
  color:#fff;
  font-weight:800;
  font-size: 15px;
  box-shadow:0px 1px 0px #0F6A34;
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
		  		  
  -webkit-border-radius:4px;
     -moz-border-radius:4px;
          border-radius:4px;
		  margin-top: -4px;
		  margin-left: -5px;
		  
}
.selectmebb:hover {
		z-index:9999;
  background:#009FEF;
  cursor:pointer;

    text-decoration: none;
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
		  		  
  -webkit-border-radius:6px;
     -moz-border-radius:6px;
          border-radius:6px;
}

selectmebb:active {
		z-index:9999;
  box-shadow:none;
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
		  		  
  -webkit-border-radius:6px;
     -moz-border-radius:6px;
          border-radius:6px;
		  	cursor: pointer;
			  text-decoration: none;


}
/* waves */
.selectmebb a {
	  text-decoration: none;
	  margin-top: 10px;
	  	cursor: pointer;
display:block;
}



.selectme {
	position: relative;
	z-index:9999;
	margin: 0 auto;
	padding-top: 8px;
  width:66px;
  height: 35px;
  background:#77cc6d;
  color:#fff;
  font-weight:400;
  font-size: 15px;
  box-shadow:0px 3px 0px #2d7baf;
  text-decoration: none;
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
		  		  
  -webkit-border-radius:6px;
     -moz-border-radius:6px;
          border-radius:6px;
		  margin-top: -15px;
		  
}

.selectme:hover {
		z-index:9999;
  background:#57a863;
  cursor:pointer;
    text-decoration: none;
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
		  		  
  -webkit-border-radius:6px;
     -moz-border-radius:6px;
          border-radius:6px;
}

selectme:active {
		z-index:9999;
  box-shadow:none;
    text-decoration: none;
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
		  		  
  -webkit-border-radius:6px;
     -moz-border-radius:6px;
          border-radius:6px;
}
/* waves */
.selectme a {
	  text-decoration: none;
	  margin-top: 10px;
}





/* waves */


#stamp path {
	fill: #efefef;
	stroke: #efefef; /* avoid gap in FF */
}
/* end wave */

.wrapplans {
	/* background-image: #eaf4fa; */
}
	.lefty {text-align:left;margin-top:-9px;}

	/* Big Triangle */
svg#bigTriangleColor {
	pointer-events: none;
margin-top:-38px;
}

#bigTriangleColor path {
	fill: #f5f5f5; /* f6f6f6 */
	stroke: #f5f5f5;
	stroke-width: 2;
}

.prodbox img !important {
	width: 148px;
	height: 197px;
}
.prodbox {
		margin-left: 24%;

	margin-top: 30px;
}

 .three-dot-one { position: absolute; right: 0; width: 240px; padding: 20px 20px 20px 20px; background: #f7f7f7; margin: -175px 100px 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); background-color: #f4f4f4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(#f7f7f7, #ffffff); background-image: -moz-linear-gradient(#f7f7f7, #ffffff); background-image: -o-linear-gradient(#f7f7f7, #ffffff); background-image: linear-gradient(#f7f7f7, #ffffff); }
.three-dot-one img {margin-left:-20px;margin-top: -21px; width: 241px;  display: block; }
.three-dot-one h4 { color: #00a3e7; margin: 0; padding: 0; text-align: center; font-size: 22px; }
.three-dot-one span { color: #444; }
.three-dot-one p { 
	margin-right: -15px;
    text-align: center; 
    color: #002a4b;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 100; 
	margin-top: 25px;
	padding-bottom: 3px; }

.three-dot-one a {  width: 100%; text-align: center; }

.buttonss { display: block; float: left; margin-top: 20px; padding: 8px 20px; border: 0; background: #00a3e7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00afd8), color-stop(100%, #009dcd)); background-image: -webkit-linear-gradient(#00afd8, #009dcd); background-image: -moz-linear-gradient(#00afd8, #009dcd); background-image: -o-linear-gradient(#00afd8, #009dcd); background-image: linear-gradient(#00afd8, #009dcd); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; font-size: 1.076923076923077em; /* 14px */ line-height: 1.428571428571429em; /* 20px */ white-space: nowrap; color: #fff; }

.buttonss:link, .buttonss:visited { color: #fff; }
.buttonss:hover { text-decoration: none; }

.buttonss:hover, .buttonss:focus { background: #1eb8dd; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #31c4e3), color-stop(100%, #15a7d3)); background-image: -webkit-linear-gradient(#31c4e3, #15a7d3); background-image: -moz-linear-gradient(#31c4e3, #15a7d3); background-image: -o-linear-gradient(#31c4e3, #15a7d3); background-image: linear-gradient(#31c4e3, #15a7d3); }

.buttonss:active { padding: 9px 20px 7px 20px; background: #009ec3; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0089b3), color-stop(100%, #00accc)); background-image: -webkit-linear-gradient(#0089b3, #00accc); background-image: -moz-linear-gradient(#0089b3, #00accc); background-image: -o-linear-gradient(#0089b3, #00accc); background-image: linear-gradient(#0089b3, #00accc); -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.6); -moz-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.6); 
}

.benefits {
	margin-left: -12px;
	text-align: center;
	width: 110%;
	margin-top: -56px;
	font-family:'MyriadPro';
	font-size: 20px;
	color: #ffffff;
}

.benefits span {
	text-align: center;
	width: 100%;
	font-family:'MyriadPro';
	font-size: 20px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 0px;
}

#benefitscheck img {
	margin-left: -11px;
	position: inherit;
	width: 19px;
	margin-top: -29px;
}

.hrbenefit{		
	margin-left: -20px;
	width: 240px;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 2.5);	    
}



	.footerfaq-head{margin: 50px auto;width:100%
}
.footerfaq-head .footerapps {margin: 0 auto;width:140px;}
.footerfaq-head .footerapps:hover {opacity: 0.7}
.footerfaq-head .footershowoff {margin: 0 auto;}
.footereff {padding-top:22px;}
.footerfaq-head h4 {text-align:center; font:1.2em 'MyriadPro';
  font-weight:100;
  margin-bottom:25px;
  color: #ffffff;
 padding-top: 40px;
  } 
.footershowwrap {width: 500px;display:block;margin:0 auto}
.footerwrapstores {width: 300px;display:block;margin:0 auto}
.wrapstoresfooter {margin: 0 auto}
  .footerfaqcolwrap {width: 80%;margin: 0px auto;}
  .footerfaqcol1{width:30%;margin: 7px auto;float: left;text-align:left}
.footerfaqcol1  a {text-align:left;padding-left: 50px;width: 190px;height:40px;margin: 0 auto;display:block;text-decoration:none;color: #afafaf;font-weight:300}
.footerfaqcol1 a:active {text-decoration:none}
.footerfaqcol1 a:visited {text-decoration:none}

.footerfaqcol2  a {text-align:left;padding-left: 50px;width: 190px;height:40px;margin: 0 auto;display:block;text-decoration:none;color: #afafaf;font-weight:300}
.footerfaqcol2 a:active {text-decoration:none}
.footerfaqcol2 a:visited {text-decoration:none}

.footerfaqcol3  a {text-align:left;padding-left: 50px;width: 190px;height:40px;margin: 0 auto;display:block;text-decoration:none;color: #afafaf;font-weight:300}
.footerfaqcol3 a:active {text-decoration:none}
.footerfaqcol3 a:visited {text-decoration:none}

  .footerfaqcol2{width:30%;margin: 7px;float: left;}
.footerfaqcol3{width: 30%;display:inline;float:left}
.footerfaq-text{float: left;background-color:#fdfdfd;border-left:none;color:rgba(85,94,106,0.8); 
font:1.1em 'MyriadPro';
font-weight:300;
line-height:1.6;
margin-top:1px;
padding:26px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0 3px 0 #e5eef1;
-moz-box-shadow:0 3px 0 #e5eef1;
box-shadow:0 3px 0 #27b0ff;
}

#movefaq {
	margin-top: -20px;
}
.footerfaq-text .sharing {

font:1.1em 'MyriadPro';
  font-weight:500;
  color: rgba(0,80,126, 0.9);
  text-shadow: none;}

.footerfaq-text strong{display:block;margin-bottom:10px; font:1.5em 'MyriadPro';
  font-weight:100;
  margin-bottom:25px;
  color: rgba(0,80,126, 0.9);
  text-shadow: none;}

#footerquestions {
	
	display:block;clear:left;
	background-color: #272C2F;
	width: 100%;
	height: auto;
	margin-top: 0px;
	padding-bottom: 20px;
	overflow:hidden;
}
#reason1 p a {text-decoration:none;color: #484848}
#reason1 p a:visited {text-decoration:none;color: #484848}

#preFooterBar{
	display:block;
	position: relative;
	width: 100%;
	height: 111px;
	background-color:#25292D;
	padding-top: 40px;
	margin-top: 0px;
	}
	.copyright {
	position:relative;
	color: #d5d5d5;
	font-size: 0.9em; /* 14px */ 
    margin-top: 10px;
    margin: 0 auto;
		width: 70%
	}
	.copyright img {
		width: 30px;
		margin: -10px auto;
		margin-right: 10px;
		
	}
	.copyright p{
	font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; 
	font-size: 0.9em; /* 14px */ 
	line-height: 1.128571428571429em; /* 20px */ 			    
	white-space: nowrap; 
	color: #d5d5d5;
	margin-top: 8px;
	text-align: center;
}

.footerlinks {
	position:relative;
	width: 70%;
	margin: 0 auto;
	font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; 
	line-height: 1.028571428571429em; /* 20px */ 			    white-space: nowrap; 
	color: #fff;
}
.footerlinks .wraplinks {
	width: 100%;
	margin: 20px auto;
	text-align: center;
}

.footerlinks a{
	font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; 
	font-size: 0.8em; /* 14px */ 
	line-height: 1.128571428571429em; /* 20px */ 			    
	white-space: nowrap; 
	color: #fff;
	text-decoration: none;
	padding: 20px;
	width: 20%;
}
.footerlinks a:hover {
	color: #5cc2f8;
	text-decoration:none;
}





img.gdpr {margin-left:90px;margin-top:40px;}
div.socmedia {
	margin: 0 auto;
	padding-top: 15px;
	z-index:9999;
	padding-left: 0px;
	display:block;
	width: 200px;
}
div.socmedia div {
	padding: 0px 0 5px 0;
	border-bottom: 1px solid #eee;
	font-family: "Roboto", Arial, sans-serif;
	font-size: 16px;
	font-weight: 100;
	line-height: 1.8;
	
}
div.socmedia a {
	font-size: 26px;
	font-weight: 100;
	margin: 0 5px;
	width: 20px;
		display:inline;
float:left;
	letter-spacing: -1px;
	text-decoration: none;
		font-family: "Roboto", Arial, sans-serif;

}
div.socmedia a.facebook { color: #0b3870; font-weight: 100;}
div.socmedia a.twitter { color: #009ce5;font-weight: 100 }
div.socmedia a.googleplus { color: #dd4b39;font-weight: 100;}



.checkcountries {
	margin-top: -105px;
	margin-left: -95px;
      -webkit-animation: bounce 2s infinite ;
    }

    @-webkit-keyframes bounce {
        0% { -webkit-transform: translate3d(0,   0px,0); 
             -webkit-animation-timing-function: ease-out; }
       50% { -webkit-transform: translate3d(0,-15px,0); 
             -webkit-animation-timing-function: ease-in; }
      100% { -webkit-transform: translate3d(0,   0px,0); }
    }


#takealook{  
		clear:both;
min-height: 370px;
	width:100%;
/* background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(250,250,250,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1 ); */
    margin-top: 130px;
	height: auto;
	position: relative;
	z-index: 8000;
	
}
.takeposition{   /* adjust 'take a alook' title and overlap with previous element */
	text-align:center;
}

.takeposition  h5 { /* title to resemble the same style of previous h5 tag in quarter-list */
    font-family:'MyriadPro';
	font-size: 24px;	 
    font-weight: 300;
	color: #1995cf;
	margin-top: 1px;
	
}

.takeminis { /* move screenshots closer to titlte h5 */
	margin-top: -15px;
}

/* BEGIN randlock separator */


#randseparator{  
	width:100%;
	background: #ffffff;
	height: 490px;
	position: relative;
	overflow: hidden;
	margin-top: 80px;
}



.randhold {
	position: relative;
	width: 450px;
	float: left;
	margin-left: 12%; 
}
  #randlock {
	  margin-left: 15%;
	          padding-top: 15px;
			  padding-left: 16px;
    		  height: 237px;
   			  word-wrap: break-word;
			  overflow: hidden;
			  z-index: 1;
			  position: relative;
			  }

	.randlockone {
		margin-left: 15%;
		margin-top: -237px;
		width: 343px;
		height: 300px;
		background-image:url(//vpnarea.com/front/images/imac-flat.png);
		z-index: 8000;
		position: relative;
		
}

/*CSS for serving the retina image to devices with a high "device-pixel-ratio":*/
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .randlockone {
        background-image: url(//vpnarea.com/front/images/imac-flat@2x.png);
        background-size: 343px 300px;
    }
}

.randtext {
width: 40%;
float: left;
position: relative;
margin-top: -45px;
margin-left: 30px;
}
.randtext a{
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	font-weight: 200;
	margin-left: 10px
}
.randtext strong {
		font-family:'MyriadPro';
	font-size: 17px;	 
    font-weight: 400;
	color: #116094;
	}
.randtext a:hover {
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	font-weight: 200;
	}
.randtext a:visited {
	text-decoration: none;
	color: #fff;
}
.randtext a:active {
	text-decoration: none;
	font-size: 20px;
	color: #fff;
}
	

.randtext h5 {
	font-family:'MyriadPro';
	font-size: 25px;	 
    font-weight: 700;
	color: #00aeef;
}

.randtext h5 span {
	font-family:'MyriadPro';
	font-size: 25px;	 
    font-weight: 300;
	color: #116094;
}

.randtext p {
	margin-top: -16px;
	color: #3f3f3f;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: 100;
	text-align: left;
}	
/* END randlock */

/* 
	Drop Shadow Effects
	Source: http://nicolasgallagher.com/css-drop-shadows-without-images/
	License: Dual Licensed MIT and GPL
*/
.drop-shadow {
	position:relative; 
	padding:1em; 
	margin:2em 10px 4em; 
	background:#fff;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
			box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.drop-shadow:before,
.drop-shadow:after {
	content:"";
	position:absolute; 
	z-index:-2;
}
.drop-shadow p {
	font-size:16px;
	font-weight:bold;
}

.curved:before {
	top:10px;
	bottom:10px;
	left:0;
	right:50%;
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
	box-shadow:0 0 15px rgba(0,0,0,0.6);
	-moz-border-radius:10px / 100px;
	border-radius:10px / 100px;
}
.curved-vt-2:before {
	right:0;
}
.curved-hz-1:before {
	top:50%;
	bottom:0;
	left:10px;
	right:10px;
	-moz-border-radius:100px / 10px;
	border-radius:100px / 10px;
}
.curved-hz-2:before {
	top:0;
	bottom:0;
	left:10px;
	right:10px;
	-moz-border-radius:100px / 10px;
	border-radius:100px / 10px;
}

.fancybox {
	z-index: 9999;
}

		.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
		}

.fancyspace {
	padding-right: 10px;
}

/* BEGIN earthatlas separator no @media */
#sepearth{  
	width:100%;
	float: left;
	background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(250,250,250,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1 );
	height: 840px;
	position: relative;
	margin-top: 50px;
}

#sepearth .earthtext2 {
	position: relative;
    margin: 0 auto;
	 width: 48%;
	 padding-top: 10px;
	 padding-right: 35px;
	}
	#sepearth .earthtext2 .au a {
	text-decoration: none;
	color: #3f3f3f;
	}
	
	#sepearth .earthtext2 .au a:active {
	text-decoration: none;
	color: #3f3f3f;
	}
	
	#sepearth .earthtext2 .au a:visited {
	text-decoration: none;
	color: #3f3f3f;
	}
	
#sepearth .earthtext2 h5 {
	font-family:'MyriadPro';
	font-size: 27px;	 
    font-weight: 900;
	color: #49505B;
	margin-top: 20px;
}

#sepearth .earthtext2 h5 span {
	font-family:'MyriadPro';
	font-size: 24px;	 
    font-weight: 300;
	color: #49505B;
}

#sepearth .earthtext2 p {
	margin-top: -15px;
	color: #3f3f3f;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: 100;
	text-align: left;
}	

#sepearth .earthtext2  a{
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	font-weight: 200;
}
#sepearth .earthtext2 a:hover{
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	font-weight: 200;
}
.earthbutton { display: block; margin-top: 20px; padding: 8px 10px; border: 0; background: #44BE5F; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00afd8), color-stop(100%, #009dcd)); background-image: -webkit-linear-gradient(#00afd8, #009dcd); background-image: -moz-linear-gradient(#00afd8, #009dcd); background-image: -o-linear-gradient(#00afd8, #009dcd); background-image: linear-gradient(#00afd8, #009dcd); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; font-size: 1.076923076923077em; /* 14px */ line-height: 1.428571428571429em; /* 20px */ white-space: nowrap; color: #fff; width: 125px;font-weight: 300}

.earthbutton:link, .buttonss:visited { color: #fff; }
.earthbutton:hover { text-decoration: none; }

.earthbutton:hover, .buttonss:focus { background: #44BE5F; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #31c4e3), color-stop(100%, #15a7d3)); background-image: -webkit-linear-gradient(#31c4e3, #15a7d3); background-image: -moz-linear-gradient(#31c4e3, #15a7d3); background-image: -o-linear-gradient(#31c4e3, #15a7d3); background-image: linear-gradient(#31c4e3, #15a7d3); }

.earthbutton:active { color: #fff;padding: 9px 20px 7px 20px; background: #20A852; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0089b3), color-stop(100%, #00accc)); background-image: -webkit-linear-gradient(#0089b3, #00accc); background-image: -moz-linear-gradient(#0089b3, #00accc); background-image: -o-linear-gradient(#0089b3, #00accc); background-image: linear-gradient(#0089b3, #00accc); -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.6); -moz-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.6); 
}
.earthbutton a {
	font-weight: 300;
}




#sepearth .earthatlas {
	position: relative;
	margin: 0 auto;
    width: 848px;
	height: 500px;
	background-image:url(//vpnarea.com/front/images/map/globalmap2.png);
	background-repeat:no-repeat;
	background-size: 848px 358px;
	margin-top: 15px;
}


/*CSS for serving the retina image to devices with a high "device-pixel-ratio":*/
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    #sepearth .earthatlas {
	background-image:url(//vpnarea.com/front/images/map/globalmap2.png);
        background-size: 848px 358px;
    }
}

/* Begin PINGs */


#earth {  
	width:100%;
	height: 240px;
	position: relative;
}

/* BEGIN Speed and performance features */
.reviewsio {margin:0 auto;width:90%;display:block;clear:both;}
img.reviewsio {width:100%;min-width:300px;max-width:575px;clear:both;} 
#sepspeed #compassdedi div.compasstext p a,a:visited,a:active,a:hover {text-decoration:none;color: #1E1E1E}
 
#sepspeed {
    width:100%;
	height:400px;
	position: relative;
	background: rgba(201,201,201, 0.1);
	clear:left;
	margin-top: 1px;
		margin-bottom: -40px;
}
#sepspeedholder {
	max-width: 790px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
  .icon-container {
    position: relative;
    width: 220px;
	  float:left;	
  }
  .icon-container img {
    position: relative;
    width: 220px;
	  margin-top:50px;
}
 #compassdedi {
 position:relative;
	 width: 500px;
	 padding-top: 10px;
	  float:left;	
	 margin-left: 70px;
	}

	
#compassdedi .compasstext h5 {
	    text-align: left;
    font-size: 31px;
    opacity: 9;
    font-family: 'HelveticaNeueLTStd-Bd';
    font-weight: 100;
    color: #393D43;
}

#compassdedi .compasstext h5 span {
	font-family:'MyriadPro';
	font-size: 23px;	 
    font-weight: 300;
	color: #393D43;
	text-align: left;
}

#compassdedi .compasstext p {
	margin-top: -15px;
	color: #292929;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	opacity:0.9;
	font-weight: 100;
	text-align: left;
}	
  

/*    -webkit-box-shadow: inset #1b8bc1 0 1px 1px, rgba(0,0,0,0.2) 1px 1px 2px;
    -moz-box-shadow: inset #1b8bc1 0 1px 1px, rgba(0,0,0,0.2) 1px 1px 2px;
    -ms-box-shadow: inset #1b8bc1 0 1px 1px, rgba(0,0,0,0.2) 1px 1px 2px;
    -o-box-shadow: inset #1b8bc1 0 1px 1px, rgba(0,0,0,0.2) 1px 1px 2px;
    box-shadow: inset #1b8bc1 0 1px 1px, rgba(0,0,0,0.2) 1px 1px 2px;
*/
   /* background: -moz-radial-gradient(center, ellipse cover,  rgba(62,186,233,1) 0%, rgba(133,209,243,1) 100%); */ /* FF3.6+ */
    /*background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(62,186,233,1)), color-stop(100%,rgba(133,209,243,1))); /* Chrome,Safari4+ */
   /* background: -webkit-radial-gradient(center, ellipse cover,  rgba(62,186,233,1) 0%,rgba(133,209,243,1) 100%); /* Chrome10+,Safari5.1+ */
  /*  background: -o-radial-gradient(center, ellipse cover,  rgba(62,186,233,1) 0%,rgba(133,209,243,1) 100%); /* Opera 12+ */
  /*  background: -ms-radial-gradient(center, ellipse cover,  rgba(62,186,233,1) 0%,rgba(133,209,243,1) 100%); /* IE10+ */
  /*  background: radial-gradient(ellipse at center,  rgba(62,186,233,1) 0%,rgba(133,209,243,1) 100%); /* W3C */
	
/*	*/
   /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ebae9', endColorstr='#42bfec',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  }
  .inner-circle {
    position: absolute;
    top: 61px;
    left: 61px;
    width: 134px;
    height: 134px;

    -webkit-border-radius: 50% / 50%;
    -moz-border-radius: 50% / 50%;
    -ms-border-radius: 50% / 50%;
    -o-border-radius: 50% / 50%;
    border-radius: 50% / 50%;

    background: rgb(62,186,233); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(62,186,233,1) 0%, rgba(133,209,243,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(62,186,233,1)), color-stop(100%,rgba(133,209,243,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(62,186,233,1) 0%,rgba(133,209,243,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(62,186,233,1) 0%,rgba(133,209,243,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(62,186,233,1) 0%,rgba(133,209,243,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(62,186,233,1) 0%,rgba(133,209,243,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ebae9', endColorstr='#42bfec',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    -webkit-box-shadow: inset rgba(0,0,0,0.1) 0 1px 1px;
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 1px;
    -ms-box-shadow: inset rgba(0,0,0,0.1) 0 1px 1px;
    -o-box-shadow: inset rgba(0,0,0,0.1) 0 1px 1px;
    box-shadow: inset rgba(0,0,0,0.1) 0 1px 1px;
  }
  .inner-rim {
    position: absolute;
    top: 55px;
    left: 55px;
    width: 146px;
    height: 146px;

    -webkit-border-radius: 50% / 50%;
    -moz-border-radius: 50% / 50%;
    -ms-border-radius: 50% / 50%;
    -o-border-radius: 50% / 50%;
    border-radius: 50% / 50%;

    background: rgb(233,233,233); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(233,233,233,1) 0%, rgba(241,241,241,1) 50%, rgba(233,233,233,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(233,233,233,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(100%,rgba(233,233,233,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  rgba(233,233,233,1) 0%,rgba(241,241,241,1) 50%,rgba(233,233,233,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  rgba(233,233,233,1) 0%,rgba(241,241,241,1) 50%,rgba(233,233,233,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  rgba(233,233,233,1) 0%,rgba(241,241,241,1) 50%,rgba(233,233,233,1) 100%); /* IE10+ */
    background: linear-gradient(45deg,  rgba(233,233,233,1) 0%,rgba(241,241,241,1) 50%,rgba(233,233,233,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#e9e9e9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  }
  .outer-rim {
    position: absolute;
    top: 48px;
    left: 48px;
    width: 160px;
    height: 160px;

    -webkit-border-radius: 50% / 50%;
    -moz-border-radius: 50% / 50%;
    -ms-border-radius: 50% / 50%;
    -o-border-radius: 50% / 50%;
    border-radius: 50% / 50%;

    background: rgb(233,233,233); /* Old browsers */
    background: -moz-linear-gradient(45deg,  #f9f7f7 0%, #f9fafb 50%, #f9f7f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f9f7f7), color-stop(50%,#f9fafb), color-stop(100%,#f9f7f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #f9f7f7 0%,#f9fafb 50%,#f9f7f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #f9f7f7 0%,#f9fafb 50%,#f9f7f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #f9f7f7 0%,#f9fafb 50%,#f9f7f7 100%); /* IE10+ */
    background: linear-gradient(45deg,  #f9f7f7 0%,#f9fafb 50%,#f9f7f7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#e9e9e9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 1px 1px;
    -moz-box-shadow: rgba(0,0,0,0.1) 0 0 1px 1px;
    -ms-box-shadow: rgba(0,0,0,0.1) 0 0 1px 1px;
    -o-box-shadow: rgba(0,0,0,0.1) 0 0 1px 1px;
    box-shadow: rgba(0,0,0,0.1) 0 0 1px 1px;

  }

  .triangle {
    position: absolute;
    width: 0;
    height: 0;
  }

  .big-point.top.one {
    top: 21px;
    left: 106px;
    border-top: transparent 28px solid;
    border-left: transparent 10px solid;
    border-right: #fbfbfb 12px solid;
    border-bottom: transparent 6px solid;
  }
  .big-point.top.two {
    top: 21px;
    left: 128px;
    border-top: transparent 28px solid;
    border-left: #eeeeee 12px solid;
    border-right: transparent 10px solid;
    border-bottom: transparent 6px solid;
  }
  .shadow-point.top.one {
    top: 20px;
    left: 106px;
    border-top: transparent 28px solid;
    border-left: transparent 10px solid;
    border-right: rgba(0,0,0,0.1) 12px solid;
    border-bottom: transparent 6px solid;
  }
  .shadow-point.top.two {
    top: 20px;
    left: 128px;
    border-top: transparent 28px solid;
    border-left: rgba(0,0,0,0.1) 12px solid;
    border-right: transparent 10px solid;
    border-bottom: transparent 6px solid;
  }

  .big-point.bottom.one {
    bottom: 21px;
    left: 106px;
    border-bottom: transparent 28px solid;
    border-left: transparent 10px solid;
    border-right: #fbfbfb 12px solid;
    border-top: transparent 6px solid;
  }
  .big-point.bottom.two {
    bottom: 21px;
    left: 128px;
    border-bottom: transparent 28px solid;
    border-left: #eeeeee 12px solid;
    border-right: transparent 10px solid;
    border-top: transparent 6px solid;
  }
  .shadow-point.bottom.one {
    bottom: 20px;
    left: 106px;
    border-bottom: transparent 28px solid;
    border-left: transparent 10px solid;
    border-right: rgba(0,0,0,0.1) 12px solid;
    border-top: transparent 6px solid;
  }
  .shadow-point.bottom.two {
    bottom: 20px;
    left: 128px;
    border-bottom: transparent 28px solid;
    border-left: rgba(0,0,0,0.1) 12px solid;
    border-right: transparent 10px solid;
    border-top: transparent 6px solid;
  }

  .big-point.left.one {
    left: 21px;
    top: 106px;
    border-left: transparent 28px solid;
    border-top: transparent 10px solid;
    border-bottom: #fbfbfb 12px solid;
    border-right: transparent 6px solid;
  }
  .big-point.left.two {
    left: 21px;
    top: 128px;
    border-left: transparent 28px solid;
    border-top: #eeeeee 12px solid;
    border-bottom: transparent 10px solid;
    border-right: transparent 6px solid;
  }
  .shadow-point.left.one {
    left: 20px;
    top: 106px;
    border-left: transparent 28px solid;
    border-top: transparent 10px solid;
    border-bottom: rgba(0,0,0,0.1) 12px solid;
    border-right: transparent 6px solid;
  }
  .shadow-point.left.two {
    left: 20px;
    top: 128px;
    border-left: transparent 28px solid;
    border-top: rgba(0,0,0,0.1) 12px solid;
    border-bottom: transparent 10px solid;
    border-right: transparent 6px solid;
  }

  .big-point.right.one {
    right: 21px;
    top: 106px;
    border-right: transparent 28px solid;
    border-top: transparent 10px solid;
    border-bottom: #fbfbfb 12px solid;
    border-left: transparent 6px solid;
  }
  .big-point.right.two {
    right: 21px;
    top: 128px;
    border-right: transparent 28px solid;
    border-top: #eeeeee 12px solid;
    border-bottom: transparent 10px solid;
    border-left: transparent 6px solid;
  }
  .shadow-point.right.one {
    right: 20px;
    top: 106px;
    border-right: transparent 28px solid;
    border-top: transparent 10px solid;
    border-bottom: rgba(0,0,0,0.1) 12px solid;
    border-left: transparent 6px solid;
  }
  .shadow-point.right.two {
    right: 20px;
    top: 128px;
    border-right: transparent 28px solid;
    border-top: rgba(0,0,0,0.1) 12px solid;
    border-bottom: transparent 10px solid;
    border-left: transparent 6px solid;
  }

  .small-point.top-left {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .small-point.top-left.one {
    left: 62px;
    top: 55px;    
    border-left: transparent 16px solid;
    border-top: transparent 8px solid;
    border-bottom: #fbfbfb 8px solid;
    border-right: transparent 6px solid;
  }
  .small-point.top-left.two {
    left: 51px;
    top: 66px;
    border-left: transparent 16px solid;
    border-top: #eeeeee 8px solid;
    border-bottom: transparent 8px solid;
    border-right: transparent 6px solid;
  }

  .small-point.top-right {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .small-point.top-right.one {
    right: 62px;
    top: 55px;    
    border-right: transparent 16px solid;
    border-top: transparent 8px solid;
    border-bottom: #fbfbfb 8px solid;
    border-left: transparent 6px solid;
  }
  .small-point.top-right.two {
    right: 51px;
    top: 66px;
    border-right: transparent 16px solid;
    border-top: #eeeeee 8px solid;
    border-bottom: transparent 8px solid;
    border-left: transparent 6px solid;
  }

  .small-point.bottom-left {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .small-point.bottom-left.one {
    left: 62px;
    bottom: 55px;    
    border-right: transparent 16px solid;
    border-top: transparent 8px solid;
    border-bottom: #eeeeee 8px solid;
    border-left: transparent 6px solid;
  }
  .small-point.bottom-left.two {
    left: 51px;
    bottom: 66px;
    border-right: transparent 16px solid;
    border-top: #fbfbfb 8px solid;
    border-bottom: transparent 8px solid;
    border-left: transparent 6px solid;
  }

  .small-point.bottom-right {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  .small-point.bottom-right.one {
    right: 62px;
    bottom: 55px;    
    border-left: transparent 16px solid;
    border-top: transparent 8px solid;
    border-bottom: #fbfbfb 8px solid;
    border-right: transparent 6px solid;
  }
  .small-point.bottom-right.two {
    right: 51px;
    bottom: 66px;
    border-left: transparent 16px solid;
    border-top: #eeeeee 8px solid;
    border-bottom: transparent 8px solid;
    border-right: transparent 6px solid;
  }


  @-webkit-keyframes wheel-spin {
    0% {
        -webkit-transform: rotate(45deg);
    }
    50% {
        -webkit-transform: rotate(-135deg);
    }
    100% {
        -webkit-transform: rotate(-315deg);
    }
  }
  @keyframes wheel-spin {
    0% {
        transform: rotate(45deg);
    }
    50% {
        transform: rotate(-135deg);
    }
    100% {
        transform: rotate(-315deg);
    }
  }

  .spinner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    animation: wheel-spin 8s infinite linear;
    -webkit-animation: wheel-spin 8s infinite linear;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .arrow.one {
    top: 20px;
    left: 99px;
    border-top: transparent 109px solid;
    border-left: transparent 10px solid;
    border-right: #e46868 19px solid;
    border-bottom: transparent 0px solid;
  }
  .arrow.two {
    top: 20px;
    left: 128px;
    border-top: transparent 109px solid;
    border-left: #ce5d5d 19px solid;
    border-right: transparent 10px solid;
    border-bottom: transparent 0px solid;
  }

  .arrow.three {
    bottom: 20px;
    left: 99px;
    border-top: transparent 0px solid;
    border-left: transparent 10px solid;
    border-right: #f1f1f1 19px solid;
    border-bottom: transparent 109px solid;
  }
  .arrow.four {
    bottom: 20px;
    left: 128px;
    border-top: transparent 0px solid;
    border-left: #d9d9d9 19px solid;
    border-right: transparent 10px solid;
    border-bottom: transparent 109px solid;
  }

  .middle-circle {
    position: absolute;
    top: 118px;
    left: 118px;
    width: 20px;
    height: 20px;

    -webkit-border-radius: 50% / 50%;
    -moz-border-radius: 50% / 50%;
    -ms-border-radius: 50% / 50%;
    -o-border-radius: 50% / 50%;
    border-radius: 50% / 50%;

    background: #FFFFFF;
    
    -webkit-box-shadow: rgba(0,0,0,0.3) 2px 2px 3px;
    -moz-box-shadow: rgba(0,0,0,0.3) 2px 2px 3px;
    -ms-box-shadow: rgba(0,0,0,0.3) 2px 2px 3px;
    -o-box-shadow: rgba(0,0,0,0.3) 2px 2px 3px;
    box-shadow: rgba(0,0,0,0.3) 2px 2px 3px;
  }
  

  .first-shadow {
    position: absolute;
    top: 95px;
    left: 130px;
    width: 159px;
    height: 230px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
    background: 0.linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 );
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);

  }

  @-webkit-keyframes shadow-pulse {
    0% { 
      opacity: 0;
    }
    66% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes shadow-pulse {
    0% { 
      opacity: 0;
    }
    66% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  .second-shadow {
    position: absolute;
    top: 95px;
    left: 104px;
    width: 210px;
    height: 230px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
    background: 0.linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 );
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);



    animation: shadow-pulse 3s 1 linear;
    -webkit-animation: shadow-pulse 3s 1 linear;

  }


  .inspired {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 30px;
    font-family: sans-serif;
    text-align: center;
    color: #FFF;
  }
  .inspired a {
    color: #FFF;
  }
  /* sub-div compass text dedi */
 
  /* BEGIN speed and speed feautres */
  
  #speedfeatures { 
  position: relative; 
	width:100%;
	background: #ffffff;
    height: 350px;
	overflow: hidden;
}
.speed {
		position: relative;
	width: 550px;
	float: left;
	margin-left: 13%; 
}

.speedo {
	background-image: url(//vpnarea.com/front/images/speed.svg);
	background-repeat: no-repeat;
	width: 150px;
	height: 124px;
   float: left;
	position:relative;
	margin-left: 10%;
	margin-top: 53px;
	
}


.speedotext {
width: 25%;
float: left;
position: relative;
margin-top: 15px;
margin-left: 30px;
}
.speedotext h5 {
	font-family:'MyriadPro';
	font-size: 25px;	 
    font-weight: 700;
	color: #00aeef;
}

.speedotext h5 span {
	font-family:'MyriadPro';
	font-size: 25px;	 
    font-weight: 300;
	color: #116094;
}

.speedotext p {
	margin-top: -15px;
	color: #3f3f3f;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: 100;
	text-align: left;
}	
  
  
  
.bandwidth{
		position: relative;
	width: 50%;
	float: left;
	margin-left: 13%; 
}

.bando {
	background-image: url(//vpnarea.com/front/images/bandwidth.svg);
	background-repeat: no-repeat;
	width: 100px;
	min-width: 50px;
	min-height: 62px;
	height: 124px;
    float: left;
	position:relative;
	margin-left: 5%;
	margin-top: 59px;
}


.bandotext {
width: 25%;
float: left;
position: relative;
margin-top: 15px;
margin-left: 30px;
}
.bandotext h5 {
	font-family:'MyriadPro';
	font-size: 25px;	 
    font-weight: 700;
	color: #00aeef;
}

.bandotext h5 span {
	font-family:'MyriadPro';
	font-size: 25px;	 
    font-weight: 300;
	color: #116094;
}

.bandotext p {
	margin-top: -15px;
	color: #3f3f3f;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: 100;
		text-align: left;

}	
  
  
  /* Begin software chameleon */
  
  #chameosoft {
	  	  padding-top: 60px;
	  	  padding-bottom: 100px;
	  position: relative;
	  width: 100%;
	  height: auto;
	  background-image:url(//vpnarea.com/front/images/bgmac3d.jpg);
	  background-position: 0px -1px;
	  background-repeat: no-repeat;
		background-size: 100% 100%;

}
  .chameo {
	background-image: url(//vpnarea.com/front/images/macchameo.png);
	background-repeat: no-repeat;
	background-size: 436px 220px;
	width: 436px;
	height: 220px;
   float: left;
	position:relative;
	margin-left: 18%;
	margin-top: 65px;
}


.chameotext {
width: 35%;
float: left;
position: relative;
margin-top: 15px;
margin-left: 30px;
}
.chameotext h5 {
	font-family:'MyriadPro';
	font-size: 25px;	 
    font-weight: 700;
	color: #00aeef;
}

.chameotext h5 span {
	font-family:'MyriadPro';
	font-size: 25px;	 
    font-weight: 300;
	color: #116094;
}

.chameotext p {
	margin-top: -15px;
	color: #3f3f3f;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: 100;
		text-align: left;

}	
  
  .chameotext p a{
	font-family:'MyriadPro';
	font-size: 16px;	 
    font-weight: 400;
	color: #efefef;
	text-decoration:none;
	padding-left: 19px;
}
.chameotext p a:hover{
	font-family:'MyriadPro';
	font-size: 16px;	 
    font-weight: 300;
	color: #efefef;
	text-decoration:none;
}
.vpnranks {

}


.laurelranks a { 
text-decoration:none;
	color: #5cc2f8;
}

.laurelranks a:hover{color:#5cc2f8;text-decoration:none !important}

.laurelranks a:visited {	
text-decoration:none;
	color: #1c6ea7;
}

.laurelranks a:active {
text-decoration:none;
	color: #5cc2f8;
}
.laurelranks {
  background: url('/front/images/lleft.svg') no-repeat 10% 50%, url('/front/images/lright.svg') no-repeat 90% 50%;
  background-size: 30px;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
  height: 80px;
  min-height: 40px;
  padding: 0 43px;
    text-align: left;

}
.laurelranks .text {
  display: table-cell;
  vertical-align: middle;
  height: 80px;
    text-align: left;

}
.laurelranks .text p{
	  text-align: center;

}
.laurelranks p {
  margin: 0;
  margin-top: -10px;
  font-size: 12px;
  color: #1c6ea7;
}
	
.laurelranks .laurelstrong {
	font-size: 15px; !important
    font-weight: 400;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	margin-top: 3px;
	  text-align: center;

}

  .country-select {
	width: 55%;
	margin: 0 auto;
	padding: 5px 0 5px 50px;

	
}
.country-select p{
font:1.23em 'MyriadPro';
  font-weight:300;
  margin-bottom:10px;
  color:#003957;
  text-shadow: none;
	margin-left: 10.3%;
	margin-bottom: -18px;
}


.country-list {
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style: none;
	margin-top: 40px;
	width: 100%;
	height: 510px;
}
.country-list a {
	text-decoration: none;
	color: #003957;
}
.country-list li {
	position: relative;
	float: left;
	width: 10%;
	margin: 0 0 5px;
	padding: 0 0 0 10px;
	box-sizing: content-box;
	height: 60px;
}

.country-list h3 {
	margin: 0;
	padding: 0 0 5px;
		 font:1.2em 'MyriadPro';
  font-weight:300;
  margin-bottom:25px;
  color:#003957;
  text-shadow: none;
}

 @media screen and (max-width: 1795px) {

.wraptitle
{
	float:left;
	position: relative;
	display: block;
	width: 650px;
	margin: 124px 0 1px 11%;
	padding: 10px;
}

}

 @media screen and (max-width: 1564px) {
.menunheader{position: relative;width: 100%;margin-top: 10px;}
        .menu-wrap{margin-left: 35%
	 }

	#pagewraptestimonials {
		width: 90%;
	}
	#contenttestimonials {
		width: 30%;		margin-left:15px;

		padding: 1% 4%;
	}
	#middletestimonials {
		width: 30%;
		margin-left:15px;
		padding: 1% 4%;

		float: left;
	}
	    
	#thirdtestimonials {
        width: 30%;		margin-left:10px;

  		padding: 1% 4%;

		float: left;
	}

#titles {
	 width: 90%;
    margin: 0 auto;
}


.wraptitle
{
	float:left;
	position: relative;
	display: block;
	width: 611px;
	margin: 90px 0 1px 187px;
	padding: 10px;
}
.outline {
	position: relative;
    float:left;
	margin-top: 115px;
	margin-bottom: 15px;
	margin-left: 130px;
}
.outline img {
	width: 165px;
}
/* #titles {
	margin-right: 60%;
	float: right;
}			*/
	 
	 #toptworightcontainer{height:480px}
	 
	 	#reasons {
		width: 73%;
	}
	
	#reason1 {
		width: 46%;
		padding: 1% 4%;
	}
	#reason2 {
		width: 46%;
		padding: 1% 4%;
		float: right;
	}
	
 }
 
 @media screen and (max-width: 1449px) {
	 .container {
	position: relative;
			/* background-image:url(//vpnarea.com/front/images/vpnarea-background6.png); 
			 background-size: 850px 553px; */
			 height: 680px; /*
			 background-repeat:no-repeat;
			 background-position: 80% 33px;
			 background-color: #2B3D4F; */
		background-repeat:no-repeat;background-position:1% -10px;background-size:cover;

			 background-image:url(//vpnarea.com/front/images/bg204.jpg); 
}
.menunheader{position: relative;width: 100%;margin-top: 10px;}
	 .menu-wrap{margin-left: 32%; width: 90%}
	 
	 #titles {
width: 99%
} 
	 .outline {margin-left: 140px}
	.outline img {
		width: 165px
	}
	
		#reasons {
		width: 72%;
	}
	
	#reason1 {
		width: 46%;
		padding: 1% 4%;
	}
	#reason2 {
		width: 46%;
		padding: 1% 4%;
		float: right;
	}
	
	
}
	 
@media  screen and (max-width: 1366px) {
/* Styles */	
	
#preFooterBar{
	width: 100%;
	}

.footerlinks {
	position:relative;
	margin: 0 auto;
	font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; 
	line-height: 1.028571428571429em; /* 20px */ 			    white-space: nowrap; 
	color: #fff;
	margin-top: 9px;
	width: 18%;
	
}

.footerlinks a{
	font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; 
	font-size: 0.8em; /* 14px */ 
	line-height: 1.128571428571429em; /* 20px */ 			    
	white-space: nowrap; 
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-right: 20px;
}
.footerlinks a:hover {
	color: #5cc2f8;
	text-decoration:none;
}

.footerlinks a:visited {
	text-decoration:none;
	color: none;
}
	
 .outline {margin-left: 150px}
	.outline img {
		width: 165px
	}
	
.container {
	position: relative;
	background-image:url(//vpnarea.com/front/images/bg204.jpg); 
	background-repeat:no-repeat;background-position:1% 0px;background-size:cover;
			 height: 700px;

	/* background-size: 765px 503px; 
			 background-repeat:no-repeat;
			 background-position: 80% 77px;
			 background-color: #2B3D4F; */
}

/*#titles {
	margin-right: 58%;
	float: right;
} */
	
.toptwoleft {
	position: relative;
	margin: 0 auto;
	width: 90%;
	display: inline;
}


#toptwo .toptwoleft .span-6  {
	
 float: left;
 width: 59%;
 padding-left: 40px;
	}
	
	#toptwo .toptworight {
	position: relative;
	margin: 0 auto;
	width: 100%;
	display: inline;
}

#toptwo .toptworight .span-6  {
			text-align: center;
 float: left;
 width: 60%;
 padding-left: 40px;
	}
#toptwo .toptworight img {
	margin-top: 50px;
	width: 40%;
	display: inline;
	padding-left: 60px;
}


#toptwo{
 width: 100%;
 height: 330px;
 margin: 0 auto;
 width: 70%;

}
	 #toptworightcontainer{height:370px}

#randseparator{  
	width:100%;
	background: #ffffff;
	height: 585px;
	position: relative;
	overflow: hidden;
	margin-top: 80px;
}
#sepearth {
		height: 810px;

}
#sepearth .earthtext2 {
	position: relative;
    margin: 0 auto;
	 width: 53%;
	 padding-top: 10px;
	 padding-right: 85px;
	}
	 .country-select {
	width: 59%;
	margin: 0 auto;
	padding: 5px 0 5px;
	padding-left: 46px;
	
}
.country-select p{
font:1.23em 'MyriadPro';
  font-weight:300;
  margin-bottom:10px;
  color:#003957;
  text-shadow: none;
	margin-left: 12.3%;
	margin-bottom: -18px;
}

	#centrum {width: 70%}
		#takealook #centrum {width: 76%}

	
#centrum .centruminside .span-6  {
text-align: center;
 float: left;
 width: 60%;
	max-width:460px;
 padding-left: 35px;
	}
.country-list {
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style: none;
	overflow: hidden;
	margin-top: 40px;
	margin-bottom: 30px;
}

  #chameosoft {
	  height: auto;
  }
#preFooterBar{
	}
	

.footerlinks {
	position:relative;
	margin: 0 auto;
	font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; 
	line-height: 1.028571428571429em; /* 20px */ 			    white-space: nowrap; 
	color: #fff;
	margin-top: 9px;
	width: 25%;
	
}

.footerlinks a{
	font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; 
	font-size: 0.8em; /* 14px */ 
	line-height: 1.128571428571429em; /* 20px */ 			    
	white-space: nowrap; 
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-right: 20px;
}
.footerlinks a:hover {
	color: #5cc2f8;
	text-decoration:none;
}

.footerlinks a:visited {
	text-decoration:none;
	color: none;
}
		#reasons {
		width: 74%;
	}
	
	#reason1 {
		width: 46%;
		padding: 1% 4%;
	}
	#reason2 {
		width: 46%;
		padding: 1% 4%;
		float: right;
	}
	
	
} /* end @ 1366 */

@media screen and (max-width: 1319px) {
		#takealooksecond #centrum {width: 76%}

	#takealook #centrum {width:72%}
	#takealook #centrum .centruminside img {
    margin-top: 58px;
    padding-right: 10px;
    padding-top: 10px;
    width: 32%;
    min-width: 350px;
    display: inline;
    float: left;
}
	#takealook #centrum .centruminside .span-6 {
    text-align: center;
    float: left;
    width: 65%;
    max-width: 520px;
    padding-left: 85px;
}
	
#sealscontainer {
	position: relative;
	background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(250,250,250,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1 );
width: 100%;

	}
.seals {
width: 65%;
}
.laurel {
  background: url('/front/images/lleft.svg') no-repeat 10% 50%, url('/front/images/lright.svg') no-repeat 90% 50%;
  background-size: 30px;
  text-align: left;
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  height: 80px;
  min-height: 40px;
  padding: 0 43px;
  margin: 0 auto;
  float:left;
  text-align: center
}


.toptwoleft {
	position: relative;
	margin: 0 auto;
	width: 90%;
	display: inline;
}


#toptwo .toptwoleft .span-6  {
	
 float: left;
 width: 59%;
 padding-left: 40px;
	}
	
	#toptwo .toptworight {
	position: relative;
	margin: 0 auto;
	width: 100%;
	display: inline;
}

#toptwo .toptworight .span-6  {
			text-align: center;
 float: left;
 width: 60%;
 padding-left: 40px;
	}
#toptwo .toptworight img {
	margin-top: 50px;
	width: 40%;
	display: inline;
	padding-left: 50px;
}


#toptwo{
 width: 100%;
 height: 330px;
 margin: 0 auto;
 width: 70%;

}

#randseparator{  
	width:100%;
	background: #ffffff;
	height: 585px;
	position: relative;
	overflow: hidden;
	margin-top: 80px;
}
#sepearth {
		height: 810px;

}
#sepearth .earthtext2 {
	position: relative;
    margin: 0 auto;
	 width: 53%;
	 padding-top: 10px;
	 padding-right: 85px;
	}
	
	
		#reasons {
		width: 84%;
	}
	
	#reason1 {
		width: 49%;
		padding: 1% 4%;
	}
	#reason2 {
		width: 49%;
		padding: 1% 4%;
		float: right;
	}
	 .outline {margin-left: 130px;margin-top:140px}
	.outline img {
		width: 165px
	}
	
}

@media screen and (max-width: 1289px){ 
	#pagewraptestimonials {
    width: 80%;margin:30px auto
}
		 img.fmentions {display:block;margin:-100px auto;z-index:9999;position:relative;max-width:900px;}
	.subtitle {margin-top:320px}
.container {
	position: relative;
		background-image:url(//vpnarea.com/front/images/bg204.jpg); 
	background-repeat:no-repeat;background-position:1% -10px;background-size:cover;
				 height: 700px;
/*
			 background-image:url(//vpnarea.com/front/images/vpnarea-background6.png); 
			 background-size: 695px 450px;
			 background-repeat:no-repeat;
			 background-position: 92% 132px;
			 background-color: #2B3D4F; */
}

#titles {
	width: 94%;
} 
	h1 {
	font-size:38px;


	} /*

h2 {
	font-family: MyriadPro;
  	color: #3cc8f6;
  	font-size: 1.5em;
  	font-weight: 200;
	margin-top: -20px;
} */
#toptwo {height:380px}
#randseparator{  
	width:100%;
	background: #ffffff;
	height: 585px;
	position: relative;
	overflow: hidden;
	margin-top: 80px;
}
	
	
 
		#reasons {
		width: 84%;
	}
	
	#reason1 {
		width: 45%;
		padding: 1% 4%;
	}
	#reason2 {
		width: 45%;
		padding: 1% 4%;
		float: right;
	}
	
	
#centrum .centruminside img {
	margin-top: 48px;
	width: 48%;
	margin-left: -50px;
	display: inline;
	float:left;
	
     }
	#centrum {width:80%
	}
	
	#takealookthirdy	#centrum {width:100%;}
	#takealookthirdy	#centrum .centruminside {width: 100%;max-width:760px;margin:0 auto;display:block;position:relative;height:auto;clear:both}

	#centrum .centruminside {width: 100%}
	#centrum .centruminside .span-6 {width:45%;padding-left:55px}

	#takealookthirdy	#centrum .centruminside .span-6 {width:60%;padding-left:55px}
#takealookthirdy #centrum .centruminside img.thirdimg {
    margin-top: 60px;
    width: 50%;
    max-width: 350px;
    padding-left: 5%;
}
.wraptitle
{
	float:left;
	position: relative;
	display: block;
	width: 560px;
	margin: 124px 0 1px 80px;
	padding: 10px;
}
	
}

@media  screen and (max-width: 1280px) {
	.subtitle {
	display:block;
	margin-top:290px;
	clear:both;
	padding: 0px 15px 0px;
  text-align:center;
	font-size:22px;
	opacity:9;
	height: 40px;
	font-family:'HelveticaNeueLTStd-Th';
		font-weight: 300;
	color: #393D43;
}
	
	#centrum .centruminside img.logoscentral {position:relative;min-width:375px;padding-top:0px;width: 80%;margin: 0 auto;float:none;margin-top:30px}
/* Styles */
	/*
.wraptitle
{
	position: relative;
	display: block;
	width: 500px;
	margin: 124px 0 1px 12%;
	padding: 10px;
}
/*
#titles {
	margin-right: 63%;
	float: right;
} */
	
.mentions {display: block;width: 100%; }
.mentions img {width: 80%;display:block;margin: 0 auto}
#sealscontainer {
	position: relative;
	background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(250,250,250,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 47%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1 );
width: 100%;
}


.toptwoleft {
	position: relative;
	margin: 0 auto;
	width: 90%;
	display: inline;
}


#toptwo .toptwoleft .span-6  {
	
 float: left;
 width: 59%;
 padding-left: 40px;
	}
	
	#toptwo .toptworight {
	position: relative;
	margin: 0 auto;
	width: 100%;
	display: inline;
}

#toptwo .toptworight .span-6  {
			text-align: center;
 float: left;
 width: 60%;
 padding-left: 40px;
	}
#toptwo .toptworight img {
	margin-top: 50px;
	width: 40%;
	display: inline;
	padding-left: 30px;
}


#toptwo{
 width: 100%;
 height: 330px;
 margin: 0 auto;
 width: 70%;

}

#sepearth {
		height: 810px;

}
#sepearth .earthtext2 {
	position: relative;
    margin: 0 auto;
	 width: 53%;
	 padding-top: 10px;
	 padding-right: 85px;
	}
	 .country-select {
	width: 59%;
	margin: 0 auto;
	padding: 5px 0 5px;
	padding-left: 46px;
	
}
.country-select p{
font:1.23em 'MyriadPro';
  font-weight:300;
  margin-bottom:10px;
  color:#003957;
  text-shadow: none;
	margin-left: 12.3%;
	margin-bottom: -18px;
}


#centrum .centruminside .span-6  {
text-align: center;
 float: left;
 width: 50%;
 padding-left: 35px;
	}
	
	#quarter-list {
	margin: 0 auto;
	height: 120px;
	margin-left: -15px;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    width:89%;
	margin-left: 5%
	
	}
	
.country-list {
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style: none;
	overflow: hidden;
	margin-top: 40px;
	margin-bottom: 30px;
}
#speedfeatures { 
  height: 400px;
	
}
  #chameosoft {
	  height: auto;
  }
#preFooterBar{
	width: 100%;
	}
	

.footerlinks {
	position:relative;
	margin: 0 auto;
	font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; 
	line-height: 1.028571428571429em; /* 20px */ 			    white-space: nowrap; 
	color: #fff;
	margin-top: 9px;
	width: 18%;
	
}

.footerlinks a{
	font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; 
	font-size: 0.8em; /* 14px */ 
	line-height: 1.128571428571429em; /* 20px */ 			    
	white-space: nowrap; 
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-right: 20px;
}
.footerlinks a:hover {
	color: #5cc2f8;
	text-decoration:none;
}

.footerlinks a:visited {
	text-decoration:none;
	color: none;
}
 /*
h1 {
	font-size:26px;
	letter-spacing:1px;
	opacity:9;
	font-family:Roboto,sans-serif;
	font-weight:700;
  	text-shadow:0px 0px 2px rgba(228,228,228,0.9);  margin-top: 10px;
  	color: #efefef;
	text-transform: uppercase;

	}

h2 {
	font-family: MyriadPro;
  	color: #3cc8f6;
  	font-size: 1.5em;
  	font-weight: 200;
	margin-top: -20px;
} */
#randseparator{  
	width:100%;
	background: #ffffff;
	height: 585px;
	position: relative;
	overflow: hidden;
	margin-top: 80px;
}
.randlockone {
		margin-top: -237px;
} /* end @ 1280 */

}
@media  screen and (max-width: 1249px) {
    /* insert styles here */body 	{min-width:1024px;}
.container {
	position: relative;
			background-image:url(//vpnarea.com/front/images/bg204.jpg); 
	background-repeat:no-repeat;background-position:1% -5em;background-size:cover;
	
		/*	 background-image:url(//vpnarea.com/front/images/vpnarea-background6.png); 
			 background-size: 695px 450px; */
			 height: 722px; /*
			 background-repeat:no-repeat;
			 background-position: 92% 82px;
			 background-color: #2B3D4F; */
	}
	img.fmentions {margin-top:-100px;}
	.subtitle {margin-top:300px;}
.mentions {display: block;width: 100%; }
.mentions img {width: 100%;display:block;margin: 0 auto}

#titles .wraptitle {width:510px;margin-left: 100px}
 .outline {margin-left:140px;width: 320px;}
	.outline img {width: 165px;margin-top:59px}
	

#titles {
width: 99%
} 

	h1 {
	font-size:35px;
	

	}

	#titles h1 {font-size:38px}
	

#randseparator{  
	width:100%;
	background: #ffffff;
	height: 585px;
	position: relative;
	overflow: hidden;
	margin-top: 80px;
}
		
	#reason1 {
		width: 46%;
		padding: 1% 4%;
	}
	#reason2 {
		width: 46%;
		padding: 1% 4%;
		float: right;
	}
	
#sepspeed {height: 500px}
.checkprices {display:none}
}
@media  screen and (max-width: 1170px) {
	.subtitle {
    margin-top: 250px;
}
	img.fmentions {
    margin-top: -110px;
}
#takealook #centrum {width:72%}
	#takealook #centrum .centruminside img {
    margin-top: 58px;
    padding-right: 10px;
    padding-top: 10px;
    width: 32%;
    min-width: 350px;
    display: inline;
    float: left;
}
	#takealook #centrum .centruminside .span-6 {
    text-align: center;
    float: left;
    width: 65%;
    max-width: 520px;
    padding-left: 85px;
}
	
}
@media  screen and (max-width: 1150px) {
	 #preFooterBar{
	width: 100%;
	}
	

.footerlinks {
	position:relative;
	margin: 0 auto;
	font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; 
	line-height: 1.028571428571429em; /* 20px */ 			    white-space: nowrap; 
	color: #fff;
	margin-top: 9px;
	width: 24%;
	
}

.footerlinks a{
	font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; 
	font-size: 0.8em; /* 14px */ 
	line-height: 1.128571428571429em; /* 20px */ 			    
	white-space: nowrap; 
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-right: 20px;
}
.footerlinks a:hover {
	color: #5cc2f8;
	text-decoration:none;
}

.footerlinks a:visited {
	text-decoration:none;
	color: none;
}
	#takealook #centrum {width:74%}
	#takealook #centrum .centruminside img {
    margin-top: 58px;
    padding-right: 10px;
    padding-top: 10px;
    width: 32%;
    min-width: 350px;
    display: inline;
    float: left;
}
	#takealook #centrum .centruminside .span-6 {
    text-align: center;
    float: left;
    width: 65%;
    max-width: 520px;
    padding-left: 85px;
}
	.containerst2 .wrappayment {
	width: 80%}
	form .coupons a {margin-left: 0px}
	

    /* insert styles here */body 	{min-width:1024px;}
.container {
	position: relative;
	background-image:url(//vpnarea.com/front/images/bg204.jpg); 
	background-repeat:no-repeat;background-position:1% -4em;background-size:cover;
	width: 100%;
	height: 670px;
	/*
			 background-image:url(//vpnarea.com/front/images/vpnarea-background6.png); 
			 background-size: 695px 450px;
			 height: 532px;
			 background-repeat:no-repeat;
			 background-position: 92% 82px;
			 background-color: #2B3D4F; */
}
/*
#titles {
	margin-right: 59%;
	float: right;
} 

	
	h1 {
	font-size:25px;
	letter-spacing:1px;
	opacity:9;
	font-family:Roboto,sans-serif;
	font-weight:700;
  	text-shadow:0px 0px 2px rgba(228,228,228,0.9);  margin-top: 10px;
  	color: #efefef;
	text-transform: uppercase;

	}

h2 {
	font-family: MyriadPro;
  	color: #3cc8f6;
  	font-size: 1.5em;
  	font-weight: 200;
	margin-top: -20px;
} */
.logo {left:20px}
.menu-wrap {width: 60%}
	#randseparator{  
	width:100%;
	background: #ffffff;
	height: 585px;
	position: relative;
	overflow: hidden;
	margin-top: 80px;
}
}

@media screen and (max-width: 1121px) {
		#takealookthirdy	#centrum .centruminside {width: 100%;max-width:900px;margin:0 auto;display:block;position:relative;height:auto;clear:both}

	#takealook #centrum {width:75%}
	#takealook #centrum .centruminside img {
    margin-top: 58px;
    padding-right: 10px;
    padding-top: 10px;
    width: 32%;
    min-width: 350px;
    display: inline;
    float: left;
}
	#takealook #centrum .centruminside .span-6 {
    text-align: center;
    float: left;
    width: 65%;
    max-width: 520px;
    padding-left: 85px;
}
	 .outline {margin-left:100px;width: 300px;margin-top:130px}
	.outline img {    width: 165px;
    margin-left: 58px;
    margin-top: 19px;}
		#titles .wraptitle {width:480px;margin-left:100px;margin: 124px 0 1px 9%;}
		#titles .wraptitle h1 {font-size: 36px}

	.seals {width: 70%}
	
	#toptwo .toptworight img {
	margin-top: 80px;
	width: 40%;
	display: inline;
	padding-left: 20px;
}
#randseparator{  
	width:100%;
	background: #ffffff;
	height: 585px;
	position: relative;
	overflow: hidden;
	margin-top: 80px;
}
	#titles {
		width: 100%
	}

	
	
		#reasons {
		width: 87%;
	}
	
	#reason1 {
		width: 47%;
		padding: 1% 4%;
	}
	#reason2 {
		width: 47%;
		padding: 1% 4%;
		float: right;
	}

	
}

@media  screen and (max-width: 1099px) {

	#takealook #centrum {width:92%}
	#takealook #centrum .centruminside img {
    margin-top: 58px;
    padding-right: 10px;
    padding-top: 10px;
    width: 32%;
    min-width: 350px;
    display: inline;
    float: left;
}
	#takealook #centrum .centruminside .span-6 {
    text-align: center;
    float: left;
    width: 65%;
    max-width: 520px;
    padding-left: 85px;
}
	
	#centrum{
 height: 390px; /* previous 240px */
 margin: 0 auto;
 width: 90%;
}


#centrum .centruminside {
	position: relative;
	margin: 0 auto;
	width: 50%;
	display: inline;
}

#centrum .centruminside img {
	margin-top: 58px;padding-right:10px;padding-top:10px;
	width: 32%;
	min-width: 450px;
	display: inline;
	margin-left:15px;
	float:left;
	
}
#takealooksecond #centrum .centruminside img.righto {
	position:relative;
	z-index:9999;
	margin-top: 78px;padding-top:10px;
	width: 50%;
	min-width: 400px;
	display:block;float:right;margin-right: -20px;
}
#centrum .centruminside img.righto {
	position:relative;
	margin-top: 48px;margin-left:-1000px;padding-top:10px;
	width: 42%;
	min-width: 400px;
	display:inline-block;
	
}
#centrum .centruminside img.thirdimg {margin-top:50px;min-width:148px}
#centrum .centruminside .span-6  {
text-align: center;
 float: left;
 width: 50%;
 padding-left: 45px; /* previous 1px */
	}


/* no media */
#centrum .centruminside .span-6 h5 {
   	font-family:'HelveticaNeueLTStd-Bd';
		font-weight: 100;
	color: #49505B;
	font-size: 25px;	 
	float: left;
	text-align: left;
}
#centrum .centruminside .span-6 h5 span {
	font-family:'MyriadPro';	
	font-size: 24px;	 
    font-weight: 300;
	color: #393D43;
	float:left;
	padding-right: 8px;
	padding-bottom: 5px;
	text-align: left;
}

	.pricing-plan {
		margin-left: 40px
	}
	#wrap {padding: 40px}
    /* insert styles here */body 	{min-width:1024px;}
.container {
	position: relative;
	background-image:url(//vpnarea.com/front/images/bg204.jpg); 
	background-repeat:no-repeat;background-position:1% -1px;background-size:cover;
	height: 682px;
	/*
			 background-image:url(//vpnarea.com/front/images/vpnarea-background6.png); 
			 background-size: 695px 450px;
			 height: 532px;
			 background-repeat:no-repeat;
			 background-position: 92% 82px;
			 background-color: #2B3D4F; */
}
/*
#titles {
	margin-right: 56%;
	float: right;
} 

	
	h1 {
	font-size:23px;
	letter-spacing:1px;
	opacity:9;
	font-family:Roboto,sans-serif;
	font-weight:700;
  	text-shadow:0px 0px 2px rgba(228,228,228,0.9);  margin-top: 10px;
  	color: #efefef;
	text-transform: uppercase;

	}

h2 {
	font-family: MyriadPro;
  	color: #3cc8f6;
  	font-size: 1.4em;
  	font-weight: 200;
	margin-top: -20px;
} */
.logo {left:20px}
.menu-wrap {width: 60%}
.seals {width: 75%}
	
	
		#reasons {
		width: 97%;
	}
	
	#reason1 {
		width: 48%;
		padding: 1% 4%;
	}
	#reason2 {
		width: 48%;
		padding: 1% 4%;
		float: right;
	}
	
	
	
#takealook {height:auto;    margin-top: 120px;
}

#toptwo .toptworight img {
	margin-top: 90px;
	width: 40%;
	display: inline;
	padding-left: 20px;
}
#toptworightcontainer {height:450px}

#toptwo .toptworight img {
	margin-top: 60px;
	width: 45%;
	display: inline;
	padding-left: 30px;
}
#toptwo .toptworight .span-6  {
			text-align: center;
 float: left;
 width: 55%;
 padding-left: 10px;
	}




#toptwo{
 width: 100%;
 height: 420px;
 margin: 0 auto;
 width: 70%;

}

#randseparator{  
	width:100%;
	background: #ffffff;
	height: 600px;
	position: relative;
	overflow: hidden;
	margin-top: 80px;
}
#sepearth {
		height: 810px;

} 

#toptwo .toptwoleft img {
	margin-top: 148px;
	width: 38%;
	display: inline;
	float:left;
	
}

	
	.wrapfeatures ul {width: 25%;margin: 0 auto; float:left;}
.checkmark {width: 30px;display:inline-block; position: relative;  height: 14px; margin-right:8px;vertical-align:middle;margin-bottom:20px}
.moveup {}
.wrapfeatures {margin-left: 5%;width:90%;}
	


	}
 
 @media only screen and (max-width: 1060px) {
	 #pagewrap {width:94%;margin: 0px auto}
	 #third {width: 33%;display:block;height: 290px;}
	 #middle {width:33%;display:block;height: 290px}
}
 
 @media only screen and (max-width: 1024px) {
		a#buy-now-second2 .pricing-plan--featured {margin-top: -20px;width: 280px}
	.pricing-plan {margin-left: 20px;width: 230px}
	.pricing-plan-list {margin: 0 auto;position:relative;width: 800px}
.mentions {display: block;width: 100%; }
.mentions img {width: 100%;display:block;margin: 15px auto}
/* Styles */	
	 #takealook {    margin-top: 150px;
}
	 
	 #compassdedi {padding-right:0px}

	 
body {
		margin:0px;
	padding:0px;
	border:0px;
	    background-color: #ffffff;

	/*
    background-image: linear-gradient(bottom, #DFDFDF 10%, #FCFCFC 90%);
    background-image: -o-linear-gradient(bottom, #DFDFDF 10%, #FCFCFC 90%);
    background-image: -moz-linear-gradient(bottom, #DFDFDF 10%, #FCFCFC 90%);
    background-image: -webkit-linear-gradient(bottom, #DFDFDF 10%, #FCFCFC 90%);
    background-image: -ms-linear-gradient(bottom, #DFDFDF 10%, #FCFCFC 90%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, #DFDFDF), color-stop(0.9, #FCFCFC));
	*/
	min-width: 100%;
		overflow: hidden;

}
.container {
	position: relative;
	background-image:url(//vpnarea.com/front/images/bg204.jpg); 
	background-repeat:no-repeat;background-position:1% -1px;background-size:cover;
	height: 690px;
	/*
			 background-image:url(//vpnarea.com/front/images/vpnarea-background6.png); 
			 background-size: 700px 455px;
			 height: 487px;
			 background-repeat:no-repeat;
			 background-position: 100% 33px;
			 background-color: #2B3D4F;
			 max-width: 1024px; */
}
.header section {
}
.header{
position: relative;
font:100 14px/1.5 "Interstate","Lucida Grande",Arial,sans-serif;
height:57px;
border-bottom:0px solid #eeeeee;
			 max-width: 1024px;
/*
background: rgba(237,237,237,1);
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 39%, rgba(251,251,251,1) 72%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(39%, rgba(246,246,246,1)), color-stop(72%, rgba(251,251,251,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 39%, rgba(251,251,251,1) 72%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 39%, rgba(251,251,251,1) 72%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 39%, rgba(251,251,251,1) 72%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 39%, rgba(251,251,251,1) 72%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 ); */
width: 100%;
}

 .menunheader{position: relative;width: 100%;margin-top: 10px;}
        .menu-wrap{width: 100%;margin-left: 25%;padding-left:40px;display:block;height: 47px;}
		.menu-wrap ul {height:57px;margin-top:-10px;}
            .menu-wrap ul li{display: inline-block; padding-left:10px;width: auto;margin-top: 20px;}
              .menu-wrap ul li:nth-child(6) {margin-left: 9px}
			    .menu-wrap ul li a{display: block}
                    .menu-wrap ul li a div{display: block;height:25px;}
                    .menu-wrap ul li a{font-family: MyriadPro;text-transform:uppercase;display: block;font-weight: normal; 
					letter-spacing:0px; color:#ffffff;font-size: 13px;cursor: pointer;text-decoration:none !important}			
					.menu-wrap ul li a:hover{color:#5cc2f8;text-decoration:none !important}
					ul{list-style: none}
 
   


        .logo a{display: inline-block}
        .logo img{}  
 .logo{position: absolute;left: 10px;top:13px;}

	h1 {
	font-size:35px;

	}

h2 {
	
  	font-size: 1.6em;
}
	 #titles .wraptitle {width:500px}
	

#titles {
width: 99%
} 
	 .outline {margin-left: 50px}

.header2{position: absolute;margin-top:0px;max-width:1024px;width:100%;height:87px;margin-bottom:0px;box-shadow:0px 0px 0px rgba(0,0,0,0.6);border-bottom:0px solid #03618a;border-top:0px solid #0e80b0;z-index:8000}


#toptwo .toptwoleft {
	position: relative;
	margin: 0 auto;
	width: 90%;
	display: inline;
}


#toptwo .toptwoleft .span-6  {
	
 float: left;
 width: 59%;
 padding-left: 40px;
	}
	
	#toptwo .toptworight {
	position: relative;
	margin: 0 auto;
	width: 100%;
	display: inline;
}

#toptwo .toptworight .span-6  {
			text-align: center;
 float: left;
 width: 60%;
 padding-left: 40px;
	}
#toptwo .toptworight img {
	margin-top: 30px;
	width: 40%;
	display: inline;
	padding-left: 60px;
}
#toptworightcontainer {
	height:460px}

#toptwo{
 width: 100%;
 height: 380px;
 margin: 0 auto;
 width: 90%;

}
#wrapplans {width: 100%}
#sepearth {
		height: 810px;

}
#sepearth .earthtext2 {
	position: relative;
    margin: 0 auto;
	 width: 73%;
	 padding-top: 10px;
	 padding-right: 85px;
	}
	 .country-select {
	width: 69%;
	margin: 0 auto;
	padding: 5px 0 5px;
	padding-left: 46px;
	
}
.country-select p{
font:1.23em 'MyriadPro';
  font-weight:300;
  margin-bottom:10px;
  color:#003957;
  text-shadow: none;
	margin-left: 12.3%;
	margin-bottom: -18px;
}


	
	
	 #centrum {width:95%}
	

#centrum .centruminside {
	position: relative;
	margin: 0 auto;
	width: 50%;
	display: inline;
}

#centrum .centruminside img {
	margin-top: 54px;padding-right:10px;padding-top:10px;
	width: 37%;
	min-width: 370px;
	display: inline;
	margin-left:15px;
	float:left;
	
}

#centrum .centruminside img.righto {
	margin-top: 48px;padding-right:10px;padding-top:10px;
	width: 46%;
	display: inline;
	float:right;
	
}
#centrum .centruminside img.thirdimg {margin-top:100px;min-width:178px}
#centrum .centruminside .span-6  {
text-align: center;
 float: left;
 width: 50%;
 padding-left: 30px; /* previous 1px */
	}


/* no media */
#centrum .centruminside .span-6 h5 {
   	font-family:'HelveticaNeueLTStd-Bd';
		font-weight: 100;
	color: #49505B;
	font-size: 25px;	 
	float: left;
	text-align: left;
}
#centrum .centruminside .span-6 h5 span {
	font-family:'MyriadPro';	
	font-size: 24px;	 
    font-weight: 300;
	color: #393D43;
	float:left;
	padding-right: 8px;
	padding-bottom: 5px;
	text-align: left;
}

	
.country-list {
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style: none;
	overflow: hidden;
	margin-top: 40px;
	margin-bottom: 30px;
}
#speedfeatures { 
  height: 400px;
  width: 100%;
}


	
.speed {
		position: relative;
	width: 30%;
	float: left;
	margin-left: 1%; 
}

.speedo {
	background-image: url(//vpnarea.com/front/images/speed.svg);
	background-repeat: no-repeat;
	width: 150px;
	height: 124px;
   float: left;
	position:relative;
	margin-left: 1%;
	margin-top: 53px;
	
}


.speedotext {
width: 25%;
float: left;
position: relative;
margin-top: 15px;
margin-left: 30px;
}
.speedotext h5 {
	font-family:'MyriadPro';
	font-size: 25px;	 
    font-weight: 700;
	color: #00aeef;
}

.speedotext h5 span {
	font-family:'MyriadPro';
	font-size: 25px;	 
    font-weight: 300;
	color: #116094;
}

.speedotext p {
	margin-top: -15px;
	color: #3f3f3f;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: 100;
	text-align: left;
}	
  
  
  
.bandwidth{
		position: relative;
	width: 50%;
	float: left;
	margin-left: 13%; 
}

.bando {
	background-image: url(//vpnarea.com/front/images/bandwidth.svg);
	background-repeat: no-repeat;
	width: 100px;
	min-width: 50px;
	min-height: 62px;
	height: 124px;
    float: left;
	position:relative;
	margin-left: 5%;
	margin-top: 59px;
}


.bandotext {
width: 25%;
float: left;
position: relative;
margin-top: 15px;
margin-left: 30px;
}
.bandotext h5 {
	font-family:'MyriadPro';
	font-size: 25px;	 
    font-weight: 700;
	color: #00aeef;
}

.bandotext h5 span {
	font-family:'MyriadPro';
	font-size: 25px;	 
    font-weight: 300;
	color: #116094;
}

.bandotext p {
	margin-top: -15px;
	color: #3f3f3f;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: 100;
		text-align: left;

}	
  

  #chameosoft {
	  padding-top: 50px;
	  position: relative;
	  width: 100%;
	  height: auto;
	  background-image:url(//vpnarea.com/front/images/bgmac3d.jpg);
	  background-position: -200px -1px;
	  background-repeat: no-repeat;
		background-size: 150% 100%;
  }
  .chameo {
	  margin: 0 auto;
	background-image: url(//vpnarea.com/front/images/macchameo.png);
	background-repeat: no-repeat;
	background-size: 436px 220px;
	width: 36%;
	height: 220px;
	position:relative;
	margin-top: 65px;
	margin-left: 3%;
}


.chameotext {
width: 35%;
float: left;
position: relative;
margin-top: 15px;
margin-left: 30px;
}
#preFooterBar{
	width: 100%;
	}
	

.footerlinks {
	position:relative;
	margin: 0 auto;
	font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; 
	line-height: 1.028571428571429em; /* 20px */ 			    white-space: nowrap; 
	color: #fff;
	margin-top: 9px;
	width: 24%;
	
}

.footerlinks a{
	font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; 
	font-size: 0.8em; /* 14px */ 
	line-height: 1.128571428571429em; /* 20px */ 			    
	white-space: nowrap; 
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-right: 20px;
}
.footerlinks a:hover {
	color: #5cc2f8;
	text-decoration:none;
}

.footerlinks a:visited {
	text-decoration:none;
	color: none;
}







 }
 
 
 
 
 @media only screen and (max-width: 981px) {
	 #pagewrap {
    width: 94%;
    margin: -51px auto;
}
	 
	 #takealook #centrum {width:95%}
	#takealook #centrum .centruminside img {
    margin-top: 58px;
    padding-right: 10px;
    padding-top: 10px;
    width: 32%;
    min-width: 350px;
    display: inline;
    float: left;
}
	 #takealook { margin-top: 80px;}
	#takealook #centrum .centruminside .span-6 {
    text-align: center;
    float: left;
    width: 65%;
    max-width: 480px;
    padding-left: 85px;
}
	 	.subtitle {margin-top:120px;}

	 img.fmentions {display:block;margin:-60px auto;z-index:9999;position:relative;max-width:700px;}
	 #takealooksecond {margin-top:-100px;}

 	 #titles
	 .wraptitle {width:450px}
	h1 span.titlespan {
    font-size: 40px;
  
    /* text-transform: uppercase; */
}
#takealookthirdy {
    position: relative;
    float: none;
    background: rgba(201,201,201,0.1);
    min-height: 550px;
    margin-top: -50px;
    clear: both;
    width: 100%;
    z-index: 8000;
}
#titles {
width: 99%
} 
	 .outline {margin-left: 30px}
	 .outline img {width: 165px;}
/* Styles */	
body{
		margin:0px;
	padding:0px;
	border:0px;
	    background-color: #ffffff;

	/*
    background-image: linear-gradient(bottom, #DFDFDF 10%, #FCFCFC 90%);
    background-image: -o-linear-gradient(bottom, #DFDFDF 10%, #FCFCFC 90%);
    background-image: -moz-linear-gradient(bottom, #DFDFDF 10%, #FCFCFC 90%);
    background-image: -webkit-linear-gradient(bottom, #DFDFDF 10%, #FCFCFC 90%);
    background-image: -ms-linear-gradient(bottom, #DFDFDF 10%, #FCFCFC 90%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, #DFDFDF), color-stop(0.9, #FCFCFC));
	*/
	min-width: 100%;
		overflow: hidden;

}
.container {
	position: relative;
	/*
			 background-image:url(//vpnarea.com/front/images/vpnarea-background6.png); 
			 background-size: 500px 325px;
			 height: 357px;
			 background-repeat:no-repeat;
			 background-position: 100% 33px;
			 background-color: #2B3D4F; */
	background-image:url(//vpnarea.com/front/images/bg204.jpg); 
	background-repeat:no-repeat;background-position:1% -1px;background-size:cover;
	height: 659px;
}
.fontnice {
	display:none;
}
					.row{width:100%;max-width:90%;min-width:90%;margin:0 auto;margin-right:10%}

.header section {
}
.header{
position: relative;
font:100 14px/1.5 "Interstate","Lucida Grande",Arial,sans-serif;
height:57px;
border-bottom:0px solid #eeeeee;

}

 .logo{position: absolute;left: 10px;top:13px;}

	
.header2{position: absolute;margin-top:0px;max-width:1024px;width:100%;height:87px;margin-bottom:0px;box-shadow:0px 0px 0px rgba(0,0,0,0.6);border-bottom:0px solid #03618a;border-top:0px solid #0e80b0;z-index:8000}

.seals {
	width:99%;
}
.takeposition a.fancybox img{
	width: 100px;
	height:90px;
}
#toptwo .toptwoleft {
	position: relative;
	margin: 0 auto;
	width: 95%;
	display: inline;
}
#toptwo {height:450px}

#toptwo .toptwoleft .span-6  {
	
 float: left;
 width: 59%;
 padding-left: 40px;
	}
	
	#toptwo .toptworight {
	position: relative;
	margin: 0 auto;
	width: 100%;
	display: inline;
}

#toptwo .toptworight .span-6  {
			text-align: center;
 float: left;
 width: 58%;
 padding-left: 20px;
	}
#toptwo .toptworight img {
	margin-top: 70px;
	width: 42%;
	display: inline;
	padding-left: 17px;
}
#toptworightcontainer{
	height:450px}
	#sepspeed {
height:450px;
	}
#sepearth {
		height: 899px;

}
#sepearth .earthtext2 {
	position: relative;
    margin: 0 auto;
	 width: 73%;
	 padding-top: 10px;
	 padding-right: 85px;
	}
	 .country-select {
	width: 90%;
	margin: 0 auto;
	padding: 5px 0 5px;
	padding-left: 46px;
	
}
.country-select p{
font:1.23em 'MyriadPro';
  font-weight:300;
  margin-bottom:10px;
  color:#003957;
  text-shadow: none;
	margin-left: 12.3%;
	margin-bottom: -18px;
}
.country-list {
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style: none;
	overflow: hidden;
	margin-top: 40px;
	margin-bottom: 30px;
	height: 490px;
}




#centrum{
 height: 390px;
 margin: 50px auto;
 width: 100%;
}

#takealook #centrum{
 height: 240px;
 margin: 10px auto;
 width: 100%;
}


	#takealooksecond #centrum{
 height: 240px;
 margin: 50px auto;
 width: 95%;
}

#centrum .centruminside {
	position: relative;
	margin: 0 auto;
	width: 50%;
	display: inline;
}

#centrum .centruminside img {
	margin-top: 48px;
	width: 35%;
	display: inline;
	float:left;
	margin-left: 50px;
	
}

	 #centrum .centruminside span-6 {
		 width: 30%;
	 }






#randseparator{  
	width:100%;
	background: #ffffff;
	height: 649px;
	position: relative;
	overflow: hidden;
	margin-top: 80px;
}

.randhold {
	position: relative;
	width: 35%;
	float: left;
	margin-left: 2%; 
}
  #randlock {
	  margin-left: 1%;
	          padding-top: 1px;
			  padding-left: 16px;
			  padding-right: 20px;
    		  height: 200px;
   			  word-wrap: break-word;
			  overflow: hidden;
			  z-index: 1;
			  position: relative;
			  font-size: 15px;
			  }

	.randlockone {
		margin-left: 1%;
		margin-top: -200px;
		width: 309px;
		height: 270px;
		background-image:url(//vpnarea.com/front/images/imac-flat.png);
		background-size: 309px 270px;
		z-index: 8000;
		position: relative;
		
}
.randtext {
width: 53%;
float: left;
position: relative;
margin-top: -45px;
margin-left: 50px;
}
.randtext a{
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	font-weight: 200;
	margin-left: 10px
}
.randtext strong {
		font-family:'MyriadPro';
	font-size: 17px;	 
    font-weight: 400;
	color: #116094;
	}
.randtext a:hover {
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	font-weight: 200;
	}
.randtext a:visited {
	text-decoration: none;
	color: #fff;
}
.randtext a:active {
	text-decoration: none;
	font-size: 20px;
	color: #fff;
}
	

.randtext h5 {
	font-family:'MyriadPro';
	font-size: 25px;	 
    font-weight: 700;
	color: #00aeef;
}

.randtext h5 span {
	font-family:'MyriadPro';
	font-size: 25px;	 
    font-weight: 300;
	color: #116094;
}

.randtext p {
	margin-top: -16px;
	color: #3f3f3f;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: 100;
	text-align: left;
}	
	

#takealook{  
height:auto;
}

	#quarter-list {
	margin: 0 auto;
	height: 170px;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    width:100%;
	min-width: 758px;
    padding-left: 15px;
	margin-left: -50px;
	}
	
	
#quarter-list .span-6 div {
    width: 90%;
	margin-top: -75px;
	
}

#quarter-list .span-6 div img {
	width: 110px;
	margin-top: 25px;}
	

#quarter-list .span-6 {
    padding-top: 10px;
}

#quarter-list .span-6 h5 {
 font-family:'MyriadPro';
	font-size: 22px;	 
    font-weight: 300;
	color: #1995cf;
	margin-top: 39px;
	width: 70%;
	
	
}

#quarter-list .span-6 strong {
	font-size: 22px;
}

#quarter-list .span-6 p {
	color: #033e66;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	margin-top: -31px;
	font-weight: 100;
	width: 85%;
}	

.col {
/*    position: relative;*/
    width: 100%;
	margin: 0 auto;
    display: block;
    float: left;
	margin-top: 60px;
	}

.col img {
    max-width: 100%;
    height: auto;
	margin-top: -40px;
    margin-left: 1px;}


	

#speedfeatures { 
  height: 480px;
  width: 100%;
}


	
.speed {
		position: relative;
	width: 30%;
	float: left;
	margin-left: 1%; 
}

.speedo {
	background-image: url(//vpnarea.com/front/images/speed.svg);
	background-repeat: no-repeat;
	width: 150px;
	height: 124px;
   float: left;
	position:relative;
	margin-left: 1%;
	margin-top: 53px;
	
}


.speedotext {
width: 25%;
float: left;
position: relative;
margin-top: 15px;
margin-left: 30px;
}
.speedotext h5 {
	font-family:'MyriadPro';
	font-size: 25px;	 
    font-weight: 700;
	color: #00aeef;
}

.speedotext h5 span {
	font-family:'MyriadPro';
	font-size: 25px;	 
    font-weight: 300;
	color: #116094;
}

.speedotext p {
	margin-top: -15px;
	color: #3f3f3f;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: 100;
	text-align: left;
}	
  
  
  
.bandwidth{
		position: relative;
	width: 50%;
	float: left;
	margin-left: 13%; 
}

.bando {
	background-image: url(//vpnarea.com/front/images/bandwidth.svg);
	background-repeat: no-repeat;
	width: 100px;
	min-width: 50px;
	min-height: 62px;
	height: 124px;
    float: left;
	position:relative;
	margin-left: 5%;
	margin-top: 59px;
}


.bandotext {
width: 25%;
float: left;
position: relative;
margin-top: 15px;
margin-left: 30px;
}
.bandotext h5 {
	font-family:'MyriadPro';
	font-size: 25px;	 
    font-weight: 700;
	color: #00aeef;
}

.bandotext h5 span {
	font-family:'MyriadPro';
	font-size: 25px;	 
    font-weight: 300;
	color: #116094;
}

.bandotext p {
	margin-top: -15px;
	color: #3f3f3f;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: 100;
		text-align: left;

}	
  

  #chameosoft {
	  position: relative;
	  width: 100%;
	  height: auto;
	  background-image:url(//vpnarea.com/front/images/bgmac3d.jpg);
	  background-position: 0px -1px;
	  background-repeat: repeat-y;
		background-size: 100% 80%;
  }
  .chameo {
	  margin: 0 auto;
	background-image: url(//vpnarea.com/front/images/macchameo.png);
	background-repeat: no-repeat;
	background-size: 393px 198px;
	width: 50%;
	height: 198px;
	position:relative;
	margin-top: 65px;
	margin-left: 0%;
}


.chameotext {
width: 42%;
float: left;
position: relative;
margin-top: 15px;
margin-left: 30px;
}





	
 }

@media screen and (max-width: 947px) {
	
#preFooterBar .footerlinks {
	position:relative;
	margin: 0 auto;
	font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; 
	line-height: 1.028571428571429em; /* 20px */ 			    white-space: nowrap; 
	color: #fff;
	margin-top: 9px;
	width: 32%;
    padding-right: 300px;	
}
	.copyright p{padding-left: 40px}
	
.footerlinks {
	position:relative;
	margin: 0 auto;
	font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; 
	line-height: 1.028571428571429em; /* 20px */ 			    white-space: nowrap; 
	color: #fff;
	margin-top: 9px;
	width: 32%;
	
}

.footerlinks a{
	font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; 
	font-size: 0.8em; /* 14px */ 
	line-height: 1.128571428571429em; /* 20px */ 			    
	white-space: nowrap; 
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-right: 20px;
}
.footerlinks a:hover {
	color: #5cc2f8;
	text-decoration:none;
}

.footerlinks a:visited {
	text-decoration:none;
	color: none;
}
	#takealook #centrum {width:95%}
	#takealook #centrum .centruminside img {
    margin-top: 60px;
    padding-right: 10px;
    padding-top: 10px;
    width: 32%;
    min-width: 350px;
    display: inline;
    float: left;
}
	#takealook #centrum .centruminside .span-6 {
    text-align: center;
    float: left;
    width: 65%;
    max-width: 420px;
    padding-left: 85px;
}
#centrum .centruminside img.righto {
    margin-top: 48px;
	margin-left:-50px;
    padding-right: 10px;
    padding-top: 10px;
    width: 44%;
    display: inline;
    float: right;
}
	
#takealookthirdy {
		 background: rgba(201,201,201,0.1);
	 min-height: 599px;
	 }
	.wrappage {margin-top:-50px;}

#reasons {
		width: 98%;
	}
	
	#reason1 {
		width: 46%;
		padding: 1% 4%;
	}
	#reason2 {
		width: 46%;
		padding: 1% 4%;
		float: right;
	}
	
	
#preFooterBar .footerlinks {
	position:relative;
	margin: 0 auto;
	font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; 
	line-height: 1.028571428571429em; /* 20px */ 			    white-space: nowrap; 
	color: #fff;
	margin-top: 9px;
	width: 32%;
    padding-right: 300px;	
}
	.copyright p{padding-left: 40px}

	
	
	
	header.header ul.menu {
    list-style: none;
    overflow: hidden;
    width: 70%;
    margin-left: 30%;
}
.header .menu {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
}
	
	.header .menu-icon {
    margin: 9px;
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 25px 15px;
    position: relative;
    user-select: none;
    border: 1px solid #ffffff;
}


	
	
}


/* for 768px or less */
@media screen and (max-width: 900px) {
	h1 span.titlespan {font-size: 1.1em}
	#titles .wraptitle h1 {
    font-size: 2em;
}
  .icon-container {
    position: relative;
    width: 220px;
	  float:left;	
  }
  .icon-container img {
    position: relative;
    width: 220px;
	  margin-top:120px;
	  margin-left: 20px;
}
	
#sepspeed #compassdedi .compasstext h5 {
  margin-top: 90px;
}
 #compassdedi {
 position:relative;
	 width: 470px;
	 padding-top: 0px;
	  float:left;	
	 margin-left: 70px;
	}

			a#buy-now-first1 .pricing-plan-flank {
		width: 200px
	}		a#buy-now-second2 div.pricing-plan {
		width: 260px;
	}
		a#buy-now-third3 .pricing-plan-flank {
		width: 200px
	}
	#wrap {padding: 40px}
	.fcol3 .feat {height: 266px}
	#titles .outline img {
    position: relative;
    margin: 0px auto;
    width: 165px;
    display: block;
    min-width: 300px;
}
	
		#titles .wraptitle {
    width: 420px;
    margin-left: 50px;
}
	#titles	.outline	img.show {display:block;min-width:165px;margin-left:80px;margin-top:19px}
	#titles .outline img.hide {display:none}
	#content {
		width: 70%;
		max-width: 350px;
		position: relative;
		display:block;
		float:none;
		margin:0 auto;
	}

	
	

	#titles {
		width: 99%
		} 
		 #titles
		#titles h1 {font-size:21px}

	 .wraptitle {width:35%}
	
	 .outline {margin-left: 0px;width: 300px}
	 .outline img {width: 90%;min-width: 165px;}
	
	#reasons {
		width: 100%;
	}
	
	#reason1 {
		width: 49%;
		padding: 1% 4%;
	}
	.wraptitle {margin-bottom:0}
	#reason2 {
		width: 49%;
		padding: 1% 4%;
		float: right;
	}
	#reason2 h5 {width:80%}
	
	
#centrum .centruminside img {
	margin-top: 54px;padding-right:10px;padding-top:10px;
	width: 43%;
	min-width: 300px;
	display: inline;
	margin-left:15px;
	float:left;
	
}

#centrum .centruminside img.righto {
	margin-top: 68px;padding-right:10px;padding-top:10px;
	width: 42%;
	min-width: 400px;
	display: inline;
	float:right;
	
}
	#centrum .centruminside .span-6 {
    text-align: center;
    float: left;
    padding-left: 30px;
		width: 42%;
}
	#takealooksecond {margin-top:-100px;height:520px}
	#takealookthirdy {margin-top:-80px}
	.lookdark {background:#efefef;height:655px}
	#takealook  {position:relative;float:none;} /*
	#centrum {position:relative;margin-top:-500px;display:block} */
	#centrum .centruminside .span-6 {width: 50%}
	
}

@media screen and (max-width: 895px) {
	header.header ul.menu li.dropdown .dropdown-content a.titledropdown {
	color:#06A4F3;
	border-bottom: 1px solid  #06A4F3;
	line-height: 15px;
	 text-transform: none;
	          padding: 15px 18px;

}
header.header ul.menu li.dropdown .dropdown-content a {
		 text-transform: none;
         padding: 15px 15px;color:#444444;
}
	.selectmebb {z-index:9998}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 9999;
}

.dropdown-content a {
  color: black;
  padding: 6px 8px;
  text-decoration: none;
  display: block;
	text-transform: none;
}

.dropdown-content a:hover {background-color: #FAFAFA;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}


}
@media screen and (max-width: 830px) {
	#centrum {height: 440px}
	#takealookthirdy	#centrum .centruminside .span-6 {
    width: 50%;
    padding-left: 55px;
}
	
		#takealook #centrum {width:95%}
	#takealook #centrum .centruminside img {
    margin-top: 108px;
    padding-right: 10px;
    padding-top: 10px;
    width: 32%;
    min-width: 290px;
    display: inline;
    float: left;
}
	#takealook #centrum .centruminside .span-6 {
    text-align: center;
    float: left;
    width: 62%;
    max-width: 380px;
    padding-left: 35px;
}

#centrum .centruminside img {
	margin-top: 128px;padding-right:10px;padding-top:10px;
	width: 37%;
	min-width: 350px;
	display: inline;
	margin-left:15px;
	float:left;
	
}

#centrum .centruminside img.righto {
	margin-top: 48px;padding-right:10px;padding-top:10px;
	width: 45%;
	margin-right:40px;
	min-width: 300px;
	display: inline;
	float:right;
	
}
	#centrum .centruminside .span-6 {width: 47%}
	
#compassdedi .compasstext h5 {
  margin-top: 120px;
}
}

@media screen and (max-width: 798px) {
	.header .menu-btn:checked ~ ul.menu li {
    margin-top: -25px;
		margin-left:50px;
    width: 100px;
    opacity: 1;
}
	#takealooksecond #centrum{
 height: 240px;
 margin: 50px auto;
 width: 99%;
}
.footershowwrap {
    width: 350px;
    display: block;
    margin: 0 auto;
}
.footerfaq-head .footershowoff img.footereff {
    margin: 0 auto;width:350px;display:none;position:relative
}
.footerfaq-head .footershowoff img {
    margin: 0 auto;width:350px;display:block;position:relative
}
	.footerfaqcol1 {float:none;margin: 0 auto;padding-left:0px;width:150px}
	.footerfaqcol1 a{padding-left:0px;width:150px}
	.footerfaqcol1 h4 {margin-left: -59px}

	.footerfaqcol2 {float:none;margin: 0 auto;padding-left:0px;width:150px}
	.footerfaqcol2 a {padding-left:0px;width:150px}
	.footerfaqcol2 h4 {width: 130px;margin-left:-10px;margin-top:60px;}
	.footerfaqcol3 h4 {margin-left: -40px;margin-top:-30px}

	.footerfaqcol3 {float:none;margin: 0 auto;padding-left:0px;width:150px}
		.footerfaqcol3 a{padding-left:0px;width:150px}

	.socmedia a {padding-left:50px;}
	div.socmedia {margin-left:-60px;}
	img.gdpr {
    margin: 0 auto;
		width: 120px;padding-left:5px;
		position:relative;
}
	.footerfaqcol3 div.socmedia {
    margin: 0 auto; width: 132px;
		
}
	.footereff {display:none}

	
	#pagewraptestimonials {margin-top:30px}
	.subtitle {
    margin-top: 120px;height:40px;font-size:20px;
}
		#centrum .centruminside img.logoscentral {position:relative;max-width:90%;min-width:90%;padding-top:0px;margin: 0 auto;float:none;margin-top:30px}
	#middle {
		width: 70%;
				max-width: 400px;

		position: relative;
		display:block;
		float:none;
		margin:0 auto;
	}
	
	#third {
		width: 70%;
				max-width: 400px;

		position: relative;
		display:block;
		float:none;
		margin:0 auto;
	}
	
	
	#buy-now-third3 .pricing-plan-flankright {margin-top:50px;}
	.container {
	position: relative;
	/*
			 background-image:url(//vpnarea66om/front/images/vpnarea-background6.png); 
			 background-size: 500px 325px;
			 height: 357px;
			 background-repeat:no-repeat;
			 background-position: 100% 33px;
			 background-color: #2B3D4F; */
	background-image:url(//vpnarea.com/front/images/bg204.jpg); 
	background-repeat:no-repeat;background-size:cover;background-position: 0px 0px;
	height: 610px;
}
	
	 #buyit {position: relative;float:none;margin:0 auto} 
	#titles {
		width: 99%;
		} 
		#titles h1 {font-size:34px;}

	 #titles .wraptitle {display:block;position:relative;margin:80px auto 0px auto;width: 80%;max-width: 483px;float:none}
	
	#titles .outline {width: 100%;display:none}
	#titles .outline img.show {position:relative;margin:-745px auto;width: 30%;display:block;min-width:165px;max-width:180px}
	#titles .outline img.hide {display:none}
			#buyit {padding-top:20px}
	
		 img.fmentions {display:block;margin:-70px auto;z-index:9999;position:relative;max-width:700px;width:90%}

	.pricing-plan {min-width: 400px;display: block;}
	a#buy-now-second2 .pricing-plan--featured {margin-top: 50px}
	.pricing-plan:first-child {margin-top: -50px}
		a#buy-now-third3 .pricing-plan-flank{margin-top: 50px}
	#wrap {width: 550px;height: auto}
	.pricing-plan-list {width: 500px;display:block;height: auto;padding-left: 30px;margin-top: 50px}
	
	#content {
		width: auto;
		float: none;
				max-width: 350px;

	}
	
	#middle {
		width: auto;
				max-width: 350px;

		float: none;
	}
	
	#third {
		width: auto;
		float: none;
	}
	
		#contenttestimonials {
		width: auto;
			max-width: 400px;
			margin: 0 auto;
		float: none;
					padding-top:10px;

	}
	
	#middletestimonials {
		width: auto;
		float: none;
		max-width: 400px;
			margin: 10px auto;
		padding-top:10px;
	}
	
	#thirdtestimonials {
		width: auto;
		float: none;
		max-width: 400px;
			margin: 0 auto;
				padding-top:10px;

	}
	
	.wrapfeatures ul {width: 50%;margin: 0 auto; float:left;}
.checkmark {width: 30px; position: relative;  height: 14px; margin-right:8px;vertical-align:middle;margin-bottom:20px}
.moveup {}
.wrapfeatures {margin-left: 12%;width:80%}
	
	
#centrum .centruminside img {
	margin-top: 128px;padding-right:10px;padding-top:10px;
	width: 37%;
	min-width: 350px;
	display: inline;
	margin-left:15px;
	float:left;
	
}

#centrum .centruminside img.righto {
	margin-top: 48px;padding-right:10px;padding-top:10px;
	width: 45%;
	margin-right:40px;
	min-width: 300px;
	display: inline;
	float:right;
	
}
	#centrum .centruminside .span-6 {width: 47%}
	#centrum {height:440px}
#compassdedi .compasstext h5 {
  margin-top: 120px;
}
}
@media screen and (max-width: 758px) {
	#centrum{
 height: 520px;

}

	#pagewrap section#758 {display:none}
	#pagewrap h2.hide {display:none}
		#pagewrap .hide {display:none}
		#pagewrap img.hide {display:none}

	#758 {display:none}
	section p {display:none;}
	#pagewrap {max-width: 450px; width: 100%; min-width: 400px;margin: 0 auto}
	#pagewrap h2 {max-width: 190px;text-align: left;font-weight: 100}
	button#toggle {display:none}
	#middle {height:170px;float:left;max-width:180px;display:block;margin-top:50px}
		#third {height:170px;float:left;max-width:180px;display:block;margin-top:50px}

	#reason1 h5 {width:80%}
	#sepspeed {padding-left: 30px;padding-right:0%;height: 720px}
	.icon-container img {display:block;float:none;margin:0 auto;padding-top:50px;position:relative;width: 210px;}
	.icon-container {display:block;float:none;width: 300px;margin: 0 auto}
	#compassdedi {margin-top:0px;}
	
	#compassdedi h5 {margin-top:30px}
	#compassdedi {
    margin: 0 auto;
	float: none;
    width: 80%;
		max-width:500px;
    padding-top: 10px;
		position:relative;
		padding-right:0px;
}
	#takealooksecond {margin-top:-200px;height:720px}
	#takealookthirdy {margin-top:-30px;min-height:650px}
	.pricing-plan {
    width: 230px;
		margin:0 auto 0 auto;
}
	
	
	#compassdedi .compasstext h5 {
  margin-top: 120px;
	}
	.thirdy {padding-top:50px;min-height: 700px}
	#centrum .centruminside img.thirdimg {margin-top:80px;min-width:350px;max-width:250px;}
	#takealookthirdy #centrum .centruminside img.thirdimg {margin-top:50px;min-width:350px;max-width:250px;padding-left:0px; padding-top:60px}

	#takealooksecond {min-height:720px}
	#takealooksecond #centrum .centruminside img.righto {    position: relative;
    width: 70%;
    min-width: 350px;
    max-width: 450px;
    padding-top: 90px;
    margin: 10px auto -80px;
    display: block;
    float: none;
	}
	.lookdark {background:#efefef;min-height: 750px;margin-bottom:-305px;}

	.righto {text-align:left}
	.wrapfeatures {padding-bottom:330px}

		#wrap {width: 550px;height: auto}

	#sepearth {display:none}

	#takealook #centrum {width:100%;margin-top: 160px;}
#takealook #centrum .centruminside img {
	position: relative;
	width: 80%;
	min-width: 350px;
		max-width: 400px;

	padding-top:20px;
	margin: 10px auto;
	margin-bottom: -35px;
	display:block;
	float:none;
}

	#takealook #centrum .centruminside .span-6 {
		width: 80%;
		margin:0 auto;
		max-width:450px;
		display:block;
		position:relative;
		float:none;
	}

	#centrum {width:100%;margin-top: 30px;}
#centrum .centruminside img {
	position: relative;
	width: 80%;
	min-width: 350px;
		max-width: 450px;

	padding-top:20px;
	margin: 10px auto;
	margin-bottom: -35px;
	display:block;
	float:none;
}

	#centrum .centruminside .span-6 {
		margin-left: 15%;
		width: 75%
	}
	
	#takealookthirdy #centrum .centruminside .span-6 {
    width: 80%;
		position:relative;
		display:block;
		margin: 0 auto;
		padding:0;float:none;
}
		.container {
	position: relative;
	/*
			 background-image:url(//vpnarea66om/front/images/vpnarea-background6.png); 
			 background-size: 500px 325px;
			 height: 357px;
			 background-repeat:no-repeat;
			 background-position: 100% 33px;
			 background-color: #2B3D4F; */
	background-image:url(//vpnarea.com/front/images/bg204.jpg); 
	background-repeat:no-repeat;background-size:cover;
	height: 610px;
}
	
	}
@media screen and (max-width: 670px) {
	
		.footerlinks {margin-left: 60px}
	.googleplus {display:none}
	.copyright p{padding-left: 0px}
	
			.container {
	position: relative;
	/*
			 background-image:url(//vpnarea66om/front/images/vpnarea-background6.png); 
			 background-size: 500px 325px;
			 height: 357px;
			 background-repeat:no-repeat;
			 background-position: 100% 33px;
			 background-color: #2B3D4F; */
	background-image:url(//vpnarea.com/front/images/bg204.jpg); 
	background-repeat:no-repeat;background-size:cover;
	height: 610px;
}
	
	.googleplus {display:none}
			.pricing-plan-list {width: 500px;display:block;height: auto;padding-left: 10px}

}
@media screen and (max-width: 644px) {
	.columnstitletestimonials {font-size: 29px;}
	.footerfaqcol3 h4{margin-left:-10px}
.footerfaqcol2 a {
    padding-left: 0px;
    width: 120px;
}
	.footerfaqcol2 h4 {
    width: 130px;
    margin-left: 12px;
    margin-top: 60px;
}
	.footerfaqcol1 a {
    padding-left: 20px;
    width: 150px;
}
	div.socmedia {
    margin-left: 0px;
}
div.socmedia a.twitter
	{margin-left:40px;}
			.footerfaqcol3 a{padding-left:18px}
			.footerfaqcol1 h4{margin-left:-13px}
	#centrum .centruminside img {
	}
	#centrum .centruminside .span-6 {
		margin: 0 auto;
		display:block;
		float:none;
		width: 95%
	}
	
	.wrapfeatures ul {width: 50%;margin: 0 auto; float:left;}
.checkmark {width: 30px; position: relative;  height: 14px; margin-right:8px;vertical-align:middle;margin-bottom:20px}
.moveup {}
.wrapfeatures {margin-left: 1%;width:99%}

}




@media screen and (max-width: 598px) {
	.header .menu-btn:checked ~ ul.menu li {
    margin-top: -25px;
    width: 100px;
    opacity: 1;
		margin-left:60px
}
	#centrum .centruminside
	.span-6 p{
		font-weight:400
	}
	#sepspeed #compassdedi div.compasstext p {font-weight: 400}
		.subtitle {
    margin-top: 90px;height:40px;font-size:20px;
}
	
	 img.fmentions {display:none;margin:-100px auto;z-index:9999;position:relative;max-width:900px;}
	 img.fmentions.hide {display:block;margin:-50px auto;z-index:9999;position:relative;max-width:900px;}

	#titles .outline {width: 100%}
	#titles .outline img.show {position:relative;margin:-739px auto;width: 40%;display:block;min-width:165px;padding-bottom:30px;}
	#titles .outline img.hide {display:none}

	 #titles .wraptitle {display:block;position:relative;margin:80px auto 0px auto;width: 83%;max-width: 470px;float:none}	#reason1 {
		width: auto;
		float: none;
	}
	
	#reason2 {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	.copyright {margin-left:10px}
			.pricing-plan-list {width: 450px;display:block;height: auto;padding-left: 0px}
		.container {
	position: relative;
	/*
			 background-image:url(//vpnarea66om/front/images/vpnarea-background6.png); 
			 background-size: 500px 325px;
			 height: 357px;
			 background-repeat:no-repeat;
			 background-position: 100% 33px;
			 background-color: #2B3D4F; */
	background-image:url(//vpnarea.com/front/images/bg204.jpg); 
	background-repeat:no-repeat;background-size:cover;
	height: 630px;
}
	
}
@media screen and (max-width: 529px) {
	#mentionus {
	width: 100%;
	height: 290px;
	background: rgba(0,17,55,0.9);
	margin-top:-2px;
		
}
	.header .menu-btn:checked ~ ul.menu li {
    margin-top: -25px;
    width: 100px;
    opacity: 1;
		margin-left:50px;
			z-index:9999;
		
}
	
	
	.header .menu-btn:checked ~ .menu {
	z-index:9999;	
		opacity:none
	}
	#buyit {z-index:9998;opacity:none;margin-top:50px}
#mentionus	img.show {display:none;margin-top:6px}
#mentionus img.hide {max-width: 800px;margin: 0 auto;padding-top:30px;position:relative;display:block;width:90%;}
	
	
	#sepspeed {
height:960px;
	}
	.pricing-plan {min-width: 70%;margin: 0 auto}
	.pricing-plan-list {margin-top:30px;max-width: 95%;width:95%;min-width: 375px}
	.columnstitl4 {
		height: auto;
	}
	#pagewrap h1 {
		font-size: 2em;
	}
	#third {
	}
	#reason1, #reason2 {
	margin-bottom: 5px;
}
	


	
	 .outline {width: 100%}

		#wrap {padding: 0px;min-width:100%;max-width:100%;margin-top:0px}
			.container {
	position: relative;
	/*
			 background-image:url(//vpnarea66om/front/images/vpnarea-background6.png); 
			 background-size: 500px 325px;
			 height: 357px;
			 background-repeat:no-repeat;
			 background-position: 100% 33px;
			 background-color: #2B3D4F; */
	background-image:url(//vpnarea.com/front/images/bg204.jpg); 
	background-repeat:no-repeat;background-size:cover;
	height: 610px;
}
	#takealookthirdy {min-height:700px}
	#takealook #centrum .centruminside .span-6 {
    width: 92%;
	}

}



/* for 480px or less */
@media screen and (max-width: 486px) {
		#centrum {height: 550px}

	.header .menu-btn:checked ~ ul.menu li {
    margin-top: -25px;
    width: 100px;
    opacity: 1;
		margin-left:20px;
			z-index:9999;
		
}
	
	
	.header .menu-btn:checked ~ .menu {
	z-index:9999;	
		opacity:none
	}
	#buyit {z-index:9998;opacity:none;margin-top:90px}
	
		h1 span.titlespan {font-size: 1em}
	#titles .wraptitle h1 {
    font-size: 1.5em;
}
	#pagewrap {
    width: 94%;
    margin: 0px auto;
}
	.copyright {
	position:relative;
	color: #d5d5d5;
	font-size: 0.9em; /* 14px */ 
    margin-top: 10px;
    margin: 0 auto;
		width: 70%;
			display:block;
	}
	.copyright img {
		width: 30px;
		margin: -10px auto;
		margin-right: 10px;
		
	}
	.copyright p{
	font-family: "Neo Sans W01", "Helvetica Neue", helvetica, arial, sans-serif; 
	font-size: 0.9em; /* 14px */ 
	line-height: 1.128571428571429em; /* 20px */ 			    
	color: #d5d5d5;
	margin-top: 8px;
		margin-left: -45px;
					display:block;
		max-width: 375px;

	text-align: center;
}
			
	.footerfaqcol3 h4{padding-left:14px}
img.gdpr {
    margin: 0 auto;
		width: 120px;padding-left:35px;
		position:relative;
}
			.footerfaqcol3 a{padding-left:28px}
	
	#titles .outline {width: 100%}
	#titles .outline img {position:relative;margin:-1159px auto;width: 165px;display:block;min-width:165px}
	#titles .outline img.hide {display:none}
	
	
		.wrapfeatures {padding-bottom:430px}

	.wrapfeatures {margin-left:-10px}
	.columnstitle {
		height: auto;
	}
	#pagewrap h1 {
		font-size: 2em;
	}
	#third {
	}
	#reason1, #reason2 {
	margin-bottom: 5px;
	} 
	#titles h1 {
    font-size: 30px;
}
	.container {height:650px;}
.mentions	img.show {display:block;margin-top:6px}
	.mentions img.hide {display:none}
	#titles .wraptitle {width:95%;max-width:375px}
	}
@media screen and (max-width: 459px) {
		#centrum {height: 650px}

}
	@media screen and (max-width: 400px) {
		#pagewrap {display:none}
				.wrappage {display:none}

}

 .thirdy {
		 background: rgba(201,201,201,0.1);
	 min-height: 390px;
	 }