
@font-face {
    font-family: 'OpenSansLight';
    src: url('/css/fonts/OpenSans-Light-webfont.eot');
    src: url('/css/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('/css/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('/css/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('/css/fonts/OpenSans-Regular-webfont.eot');
    src: url('/css/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('/css/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/css/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('/css/fonts/OpenSans-Semibold-webfont.eot');
    src: url('/css/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('/css/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('/css/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('/css/fonts/OpenSansBold-webfont.eot');
    src: url('/css/fonts/OpenSansBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/OpenSansBold-webfont.woff') format('woff'),
         url('/css/fonts/OpenSansBold-webfont.ttf') format('truetype'),
         url('/css/fonts/OpenSansBold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Main Font */
	body, h1, h2, h3, h4, h5, h6,
	.button, input[type="button"], input[type="submit"],
	input[type="text"], input[type="password"], input[type="email"], textarea, select {
		font-family: "OpenSansRegular", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #666;
	}
	
.main_body{
border: 1px solid #d7d7d7; 
}

.float-right-ads-300{
	float: right;
	width:300px;
}

.float-right-ads-336{
	float: right;
	width:336px;
}

.ad_container{
	text-align: center;
    padding: 5px;
    background-color: #eee;
    clear:both;
    border-bottom: 1px solid #d7d7d7; 
}
.ad_container_b{
    padding-left: 15px;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.ad_container_s{
	padding: 2px;
}

.ad_container_full{
	text-align: center;
	padding: 5px;
	clear:both;
}

.footer_bar{
    padding: 5px;
    color: #333;
    font-size: 11px;
}

.tos
{
	float: right;
}

.check_disposable{
	font-size: 20px;
	text-align: center;
	font-family: "OpenSansLight", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.rounded_border {
	margin:40px;
	border-color: #333;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.social {
	padding-top: 2px; 
	float: right;	
}

.droid_features{  
    width:336px;
	height: 293px;
	float: right;	
}

#main-wrap {
	    /* overflow to handle inner floating block */
	    overflow: hidden;
}

.padd_4p
{
	padding: 4px;
}

#sidebar-left,  #sidebar-right {
		padding-left: 2px;
		padding-right: 2px;
		width: 180px;
}

#sidebar-left-big, #sidebar-right-big{
	
}

#content-wrap-right, #content-wrap-left{
	width: 550px;
}

#content-wrap-right-big,  #content-wrap-left-big{
	
}
	
#sidebar-left {
	float: left;
	border-right:1px solid #e8e8e8;
}

#sidebar-right {
	float: right;
	border-left:1px solid #e8e8e8;
}

	
#content-wrap-right {
	float: right;
} 

#content-wrap-left {
	float: left;
}

#sidebar-left-big {
	float: left;
	width: 310px;
	border-right:1px solid #e8e8e8;
}
	
#content-wrap-right-big {
	float: right;
	width: 400px;
} 

#sidebar-right-big {
	float: right;
	width: 310px;
	border-left:1px solid #e8e8e8;
}
	
#content-wrap-left-big {
	float: left;
	width: 400px;
}


.navbar {
    *position: relative;
    *z-index: 2;
    overflow: visible;
}

.navbar-inner {
    min-height: 60px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #f6f6f6;
    background-image: -moz-linear-gradient(top,#f6f6f6,#f6f6f6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f6f6f6),to(#f6f6f6));
    background-image: -webkit-linear-gradient(top,#f6f6f6,#f6f6f6);
    background-image: -o-linear-gradient(top,#f6f6f6,#f6f6f6);
    background-image: linear-gradient(to bottom,#f6f6f6,#f6f6f6);
    background-repeat: repeat-x;
    border-bottom: 1px solid #d7d7d7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    /*border-radius: 4px;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6f6f6',endColorstr='#fff6f6f6',GradientType=0);
    *zoom: 1;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    box-shadow: 0 1px 4px rgba(0,0,0,0.065);
}

.navbar-inner:before,.navbar-inner:after {
    display: table;
    line-height: 0;
    content: "";
}

.navbar-inner:after {
    clear: both;
}

.navbar .container {
    width: auto;
}
.navbar .brand, .mean-nav .brand {
    display: block;
    float: left;
    margin-left: -20px;
    padding: 17px 20px 17px;
    font-size: 20px;
    font-weight: 200;
    color: #333;
    text-shadow: 0 1px 0 #f6f6f6;
}

.navbar .brand:hover,.navbar .brand:focus {
    text-decoration: none;
}

.navbar-link:hover,.navbar-link:focus {
    color: #333;
}

.nav {
    margin-bottom: 26px;
    margin-left: 0;
    list-style: none;
    font-size: 15px;
    display: block;
}

.nav>li>a {
    display: block;
}

.nav>li>a:hover,.nav>li>a:focus {
    text-decoration: none;
    background-color: #eee;
}

.nav>li>a>img {
    max-width: none;
}

.navbar .nav {
    position: relative;
    left: 0;
    display: block;
    float: right;
    margin: 0 10px 0 0;
    margin-right: -20px;
}

.navbar .nav>li {
    float: left;
}

.navbar .nav>li>a {
    float: none;
    padding: 17px 15px 17px;
    color: #333;
    text-decoration: none;
    text-shadow: 0 1px 0 #f6f6f6;
}

.navbar .nav>li>a:focus,.navbar .nav>li>a:hover {
    color: #333;
    text-decoration: none;
}

.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus {
    color: #333;
    text-decoration: none;
    background-color: #e9e9e9;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
}


/*Base*/
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

a:hover,a:active {
    outline: 0;
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

#map_canvas img,.google-maps img {
    max-width: none;
}

button,input,select,textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
}

button,input {
    *overflow: visible;
    line-height: normal;
}

button::-moz-focus-inner,input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"] {
    cursor: pointer;
}

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

@media print {
    * {
        color: #000!important;
        text-shadow: none!important;
        background: transparent!important;
        box-shadow: none!important;
    }

    a,a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
        content: "";
    }

    pre,blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100%!important;
    }@    page {
        margin: .5cm;
    }

    p,h2,h3 {
        orphans: 3;
        widows: 3;
    }

    h2,h3 {
        page-break-after: avoid;
    };
}

body {
	
	max-width: 740px; 
	margin:auto;
	
    font-family: "OpenSansRegular", "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 26px;
    color: #333;
    background-color: #f6f6f6;
}

a {
    color: #06799f;
    text-decoration: none;
}

a:hover,a:focus {
    color: #3aaacf;
    text-decoration: underline;
}

.img-rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.img-polaroid {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.img-circle {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}

.row {
    margin-left: -20px;
    *zoom: 1;
}

.row:before,.row:after {
    display: table;
    line-height: 0;
    content: "";
}

.row:after {
    clear: both;
}

[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}

.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container {
    width: 940px;
}



.navbar a.showmenu {
width: 22px;
height: 22px;
padding: 13px 13px 11px 13px;
position: absolute;
top: 10px;
right: 0;
cursor: pointer;
color: #333;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
}

.navbar a.showmenu span {
display: block;
background: #333;
height: 3px;
margin-top: 3px;
}



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

}

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

}


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

	#nav {
		display: none;
	}
	
	.navbar .nav>li {
    	float: none;
    	border-top: 1px solid #d7d7d7;
	}
	
	.navbar .nav {
	    position: relative;
	    float: left;
	    width: 100%;
	    margin-left: -40px;
	}
	
	.navbar a.showmenu {
		display: block;	
	}
	
	.footer_bar, .tos
	{
		float: none;
		text-align: center;
	}
	
	.ad_container, .ad_container_b, .ad_container_s, .ad_container_full{
	    padding: 0px;
	    text-align: center;
	}

	.content_padding{
		padding: 1px;
	}
	
	#sidebar-left, #content-wrap-right, #sidebar-right, #content-wrap-left, #sidebar-left-big, #content-wrap-right-big, #sidebar-right-big, #content-wrap-left-big {
		float: none;
		width: 100%;
		border: none;
	}
	
	.social{
		float: none;
		text-align: center;
	}
	
	.social{
		float: none;
		text-align: center;
	}
	
	.float-right-ads-300, .float-right-ads-336{
		float: none;
		width: 100%;
		text-align: center;
	}
	
	.droid_features{
		display: none;
	}
	
}

@media only screen and (max-width: 738px) {
	
	.float-right-ads-300, .float-right-ads-336{
		float: none;
		width: 100%;
		text-align: center;
	}
	
	.nav {
	    font-size: 12px;
	}
	.navbar .nav>li>a {
	    float: none;
	    padding: 17px 5px 17px;
	}
	
	#sidebar-left, #content-wrap-right, #sidebar-right, #content-wrap-left, #sidebar-left-big, #content-wrap-right-big, #sidebar-right-big, #content-wrap-left-big {
		float: none;
		width: 100%;
		border: none;
	}

}


/*
@media only screen and (max-width: 675px) {
	.nav {
	    margin-bottom: 15px;
	    margin-left: 0;
	    list-style: none;
	    font-size: 12px;
	}
	.navbar-inner {
    min-height: 30px;
	}
}
*/

.showthis{
	display: block !important;	
}

.hidethis{
	display: none !important;	
}

ol.small_list li, ul.small_list li
{
	font-size: 10px;
}

/* Headings
------------------------------------------------------------------*/
h1, .h1 { color: #333; font-size: 18px; font-weight: bold; }
h2, .h2 { color: #333; font-size: 18px; font-weight: bold; margin-bottom: 10px; }
h3 { color: #333; font-size: 18px; font-weight: bold; margin-bottom: 10px; margin-top: 10px; }
h4 { color: #333; font-size: 16px; font-weight: normal; margin-top: 5px; }

a#logo {
	background: url(/images/droidvpn_logo.png) no-repeat 18px 18px;
	width: 110px;
	text-indent: 30px;
}

.content_padding {
	padding-left: 15px;
	padding-right: 15px;
}

hr{margin:10px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff}


.span6 {
  width: 343px;
}

.span6 h3 {
  color: #333; font-size: 14px; font-weight: bold; margin-bottom: 0px; margin-top: 5px;
}

.span6 p {
  margin-top: 5px;
}

.vpn-benefits .span6 {
  min-height: 85px;
  margin-bottom: 10px;
  color: #494949;
  font: 13px/18px bold Helvetica, sans-serif;
}

.vpn-benefits .img-circle {
  float: left;
  margin-right: 5px;
  width: 81px;
  height: 81px;
  background: url("/images/vpn-benefits-sprite.png") no-repeat 0px 0px;
}

.vpn-benefits .img-security {
  background-position: -86px 0px;
}

.vpn-benefits .img-wifi {
  background-position: 0px -96px;
}

.vpn-benefits .img-low-fee {
  background-position: -86px -95px;
}

.vpn-benefits .img-ease {
  background-position: 0px -190px;
}

.vpn-benefits .img-limitation {
  background-position: -86px -190px;
}

ul.features li {
	background: url(/img/bg-features.gif) no-repeat 0 10px;
	padding: 12px;
	line-height: 2px;
}
ul.features {
	float: left;
	margin-right: 18px;
	list-style: none;
	padding: 5px;
}

ul.list_data li {
	background: url(/img/bg-features.gif) no-repeat 0 10px;
	padding-left: 12px;
	line-height: 2px;
}

ul.list2 li {
	background: url(/img/bg-features.gif) no-repeat 0 10px;
	padding-left: 12px;
	line-height: 2px;
}
ul.list2 {
	float: left;
	width: 100%;
	list-style: none;
	padding: 5px;
}





#forms {
	margin: 0px auto;
	margin-bottom: 5px;
	max-width: 400px;
    padding: 20px 5px 0px;
    display: table;
    position: static;
}

#forms .header {
    margin-bottom: 20px;
}

#forms .header h3 {
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
}

#forms .header p {
    color: #8f8f8f;
    font-size: 14px;
    font-weight: 300;
}

#forms .sep {
    height: 1px;
    background: #e8e8e8;
    width: 100%;
}

#forms .inputs {
    margin-top: 25px;
}

#forms .inputs label {
    color: #8f8f8f;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 7px;
    display: block;
}

input::-webkit-input-placeholder {
    color:    #b5b5b5;
}

input:-moz-placeholder {
    color:    #b5b5b5;
}

.captcha_holder {
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #024e68;
    padding: 3px;
    width: 100%;
    margin-bottom: 5px;
    clear: both;
    text-align: center;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

#forms .inputs input[type=email], input[type=password], input[type=text] {
    background: #e9e9e9 url(/images/login_sprite.png) no-repeat;
    font-size: 0.9rem;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #62b4cf;
    padding: 10px 10px 10px 35px;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 );
    clear: both;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

#forms .inputs input[type=password]{
	background-position: 5px -53px !important
}

#forms .inputs input[type=email]{
	background-position: 5px 10px !important
}

#forms .inputs input[type=text]{
	background-position: 5px -107px !important
}

#forms .inputs input[type=email]:focus, input[type=password]:focus, input[type=text]:focus {
    background-color: #fff;
    box-shadow: 0px 0px 0px 3px #62b4cf, inset 0px 2px 3px rgba( 0,0,0,0.2 ), 0px 5px 5px rgba( 0,0,0,0.15 );
    outline: none;   
    border: 1px solid #3aaacf;
}

#forms .inputs .checkboxy {
    display: block;
    position: static;
    height: 25px;
    margin-top: 10px;
    clear: both;
}

#forms .inputs input[type=checkbox] {
    float: left;
    margin-right: 10px;
    margin-top: 6px;
}

#forms .inputs label.terms {
    float: left;
    font-size: 14px;
    font-style: italic;
}

#forms .inputs #submit {
    width: 100%;
    margin-top: 20px;
    padding: 15px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: none;
        background: -moz-linear-gradient(
        top,
        #b9c5dd 0%,
        #a4b0cb);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#b9c5dd),
        to(#a4b0cb));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #737b8d;
    -moz-box-shadow:
        0px 5px 5px rgba(000,000,000,0.1),
        inset 0px 1px 0px rgba(255,255,255,0.5);
    -webkit-box-shadow:
        0px 5px 5px rgba(000,000,000,0.1),
        inset 0px 1px 0px rgba(255,255,255,0.5);
    box-shadow:
        0px 5px 5px rgba(000,000,000,0.1),
        inset 0px 1px 0px rgba(255,255,255,0.5);
    text-shadow:
        0px 1px 3px rgba(000,000,000,0.3),
        0px 0px 0px rgba(255,255,255,0);
    display: table;
    position: static;
    clear: both;
}

#forms .inputs #submit:hover {
    background: -moz-linear-gradient(
        top,
        #a4b0cb 0%,
        #b9c5dd);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#a4b0cb),
        to(#b9c5dd));
}

.center
{
	text-align: center;
}

.error {
	background: url(/img/stop.png) no-repeat 10px 13px;
	border: 1px dotted #d5d5d5; 
	color: #f00; 
	padding: 10px; 
	font-size: 14px;
	text-indent: 25px;
}

.info {
	background: url(/img/info-icon.png) no-repeat 10px 12px;
	border: 1px dotted #00baff; 
	color: #00baff; 
	padding: 10px; 
	font-size: 14px;
	text-indent: 27px;
}

