/*HEADER*/

body{
	background:#ededed;
	font-family: 'Raleway', sans-serif;
}

.red{
	color:#d9534f;
}

#header{
	background:#2a2c33;
	width:100%;
	left: 0;
    position: fixed;
    right: 0;
    transform: translate3d(0px, 0px, 0px);
    z-index: 1030;
}

#banner{
	background: #1a1a1a url("../images/bannerbg.jpg") repeat fixed 0 0 / cover ;
    height: 100%;
    padding-bottom: 90px;
    padding-top: 90px;
    position: relative;
}

.banner-content {
    clear: both;
    padding-top: 25px;
	min-height:300px;
}

.banner-content h1 {
    color: #ffffff;
    font-size: 36px;
    font-size: 36px;
    font-weight: normal;
    margin: 20px auto;
    padding-bottom: 10px;
}

.banner-content h2 {
    color: #ffffff;
}

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

#home-index-page,
.home-index-page{
	font-family: "Open Sans", Raleway, Lucida Sans Unicode, Verdana, Helvetica, sans-serif !important;
}

#home-index-page p{
	font-size:16px;
}

.home-index-page h2 {
    font-size: 45px;
}

.home-index-page p {
    font-size: 18px;
    line-height: 2em;
    font-weight: 500;
}

#why-froot-home h3 {
    font-weight: bold;
    font-size: 25px;
    margin: 10px 0 30px;
	font-family: "Open Sans", Raleway, Lucida Sans Unicode, Verdana, Helvetica, sans-serif !important;
}


#high-speed h2,
.partners h2,
#unblock-content h2,
#surf-anonymous h2,
#guaranteed h2{
	margin-bottom: 20px;
	font-size: 36px;
}

#why-froot-home p{
	font-size:16px;
}

#vpn-subscription .headline{
	border-bottom:0;
}

#vpn-subscription{
	background:#efefef;
}

#vpn-subscription .plans a{
	color:#000;
}

.plans thead{
	background:#f8ba3d;
	border:1px solid #f8ba3d;
    text-transform: uppercase;
}

.plans .table-bordered>thead>tr>th {
    border-bottom-width: 2px;
    padding: 10px 20px;
    font-size: 20px;
	border: 1px solid #d9a233;
}

#vpn-subscription .plans .table>tbody>tr>td{
	padding:8px 20px;
}

#home-index-page .headline h2{
	margin-bottom:20px;
}

#guaranteed .moneyback {
    margin: 0;
}

#op {
    background: #282e39 url(../images/order-graphic-bg.png) no-repeat center center;
}

#op .order-page .order-page-title {
    color: #fff;
    font-size: 36px;
    font-weight: 400;
    margin: 20px auto;
    padding-bottom: 10px;
    width: 70%;
}

.fa.fa-ylw {
    color: #f8ba3d;
    margin-right: 10px;
}


.alldevices2{
	margin-bottom:20px;
}

.list-inline.alldevices2>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    width: 11%;
    margin: 11px;
}

.btn.btn-green2.btn-mid {
    background-color: #2c6844;
    color: #f9bb3e;
	font-weight:bold;
    font-size: 24px;
    padding: 10px 25px;
    line-height: 1.5;
}

.btn.btn-green2.btn-mid:after{
    content: url(../images/green-arrow.png);
    vertical-align: middle;
    position: relative;
    top: 5px;
    margin-left: 20px;
}

.alldevices2{
}



/*CONTENT*/

/****product*/


.yellow-black {
    background: #2d313d none repeat scroll 0 0;
    border: 3px solid #e9a61f;
}

.product-chooser-item.selected .order-plan-name > h2 {
   /*margin: 17px 0 4px;*/
	border:none;
	padding:0;
}



.product-chooser-item .order-plan-price > h2 {
    font-family: "Lato",sans-serif;
    font-size: 48px;
    font-weight: 900;
    margin: 15px 0 0;
}

.product-chooser-item .order-plan-price > h2 {
    color:#e9a61f;
}

.order-plan-price > div {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
}



div.product-chooser div.product-chooser-item {
    margin-bottom: 10px;
	margin-top: 12px;
    position: relative;
	background:#fff;
	-webkit-box-shadow: inset 0px 0px 53px -18px rgba(0,0,0,0.11);
	-moz-box-shadow: inset 0px 0px 53px -18px rgba(0,0,0,0.11);
	box-shadow: inset 0px 0px 53px -18px rgba(0,0,0,0.11);
	border:1px solid #fff;
}

.product-chooser-item {
    font-family: "Lato",sans-serif;
}

.product-chooser-item .sale {
    background: #e9a61f none repeat scroll 0 0;
    border-bottom-left-radius: 60px;
    color: #ffffff;
    float: right;
    height: 60px;
    padding-left: 12px;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
}

.product-chooser-item.selected .sale {
    background: #2d313d none repeat scroll 0 0;
}

.sale p {
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
}

.sale p span {
    font-size: 20px;
}

.best-value {
    background: rgba(0, 0, 0, 0) url("../images/best-ribbon.png") no-repeat scroll center top;
    color: #ffffff;
    display: block;
    font-weight: bold;
    height: 25px;
    margin: 0 auto;
    width: 120px;
}


.choose-plan.btn.btn-xs {
    margin-top: 10px;
	width:70%;
}

/*.product-chooser-item.selected .choose-plan{
	background-color: #e9a61f;
    border: 1px solid #ffffff;
    color: #ffffff;
}*/


.btn {
    border-radius: 0;
    font-weight: bold;
    padding: 15px 35px;
    transition: all 0.3s ease-in-out 0s;
}

.product-chooser-item.selected .order-plan-price > div,
/*.product-chooser-item.selected .order-plan-price > h2
.product-chooser-item.selected .order-plan-name > h2,*/ {
    color: #fff;
}

.product-chooser-item .order-plan-name > h2 {
    color: #2d313d;
}

.product-chooser-item .order-plan-price > div{
	color:#585a5e;
}


.froot-frm {
    border: 1px solid #2d313d;
    margin: 10px;
	float: left;
}

.froot-frm .head {
    background: #2d313d none repeat scroll 0 0;
    clear: both;
    color: #ffffff;
    float: left;
    text-align: center;
    width: 100%;
}

.froot-frm .head h2 {
    font-weight: bold;
    margin: 11px 0 4px;
}

.frm-content {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    padding: 20px;
}

.frm-content .form-control {
    background-color: fff;
    border: 1px solid #636363;
    border-radius: 0;
    box-shadow: none;
    color: #5a5a5a;
    height: auto;
    margin-bottom: 15px;
    outline: medium none;
    padding: 13px 15px;
    transition: all 0.2s ease-in-out 0s;
}

.frm-content .form-control::-moz-placeholder {
    color: #5a5a5a;
    opacity: 1;
}

.subscribe-paypal {
    margin: 5px 0;
}

.payment-method {
    display: block;
    margin: 11px 0;
}

.payment-method {
    float: left;
    margin: 11px 0;
}

.payment-method h2 {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0 0;
    text-align: center;
}

.payment-method > img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.payment-method > img.selected {
    filter: none;
}

.btn-checkout {
    background-color: #4d7f61;
    border-bottom: 5px solid #446953;
    color: #ffffff;
    font-size: 21px;
    margin: 10px auto 0;
    padding: 11px;
    width: 100%;
}

.server-location {
    background: #e5e5e5 none repeat scroll 0 0;
    border: 1px solid #b3b3b3;
    float: left;
    margin: 10px;
    padding: 10px;
    width: 96%;
}

.server-location > h2 {
    font-weight: bold;
    margin: 0;
    text-align: center;
}

.server-location > p {
    text-align: center;
}

.flag-sweden {
    background: rgba(0, 0, 0, 0) url("../images/sweden.png") no-repeat scroll center top;
    float: left;
    height: 48px;
    margin: 0 10px 0 0;
    padding: 0;
    width: 48px;
}

.flag-usa {
    background: rgba(0, 0, 0, 0) url("../images/usa.png") no-repeat scroll center top;
    float: left;
    height: 48px;
    margin: 0 10px 0 0;
    padding: 0;
    width: 48px;
}

.location h3 {
    font-size: 20px;
    margin: 0;
    padding: 0;
}

.location > p {
    font-size: 13px;
}

.location.sweden-con {
    margin: 20px auto;
    width: 65%;
}

.location.usa-con {
    margin: 20px auto;
    width: 65%;
}

.we-promise {
    float: left;
    margin: 10px;
}

.we-promise h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0;
}

.guarantee-logo{
	float:left;
	margin:20px 0;
	width:100%;
}

.moneyback {
    margin: 10px 20px;
}

.all-devices {
    border: 1px solid #cccccc;
    float: left;
    margin: 10px;
    padding: 10px;
}

.all-devices h4 {
    font-size: 14px;
    margin: 0 0 10px;
    text-align: center;
}





.product-chooser-item:hover {
    transform: scale(1.1);
    transition: all 0.3s ease 0s;
	z-index: 2;
	cursor: pointer;;
}

.latest-news h2 {
    clear: both;
    display: inline-block;
    font-size: 13px;
    margin: 0;
    width: 58%;
}

.latest-news img {
    float: left;
    margin: 0 10px 10px 0;
    overflow: hidden;
    width: 100px;
}

.latest-news .date.updated {
    font-size: 12px;
}


#about-page .headline h2 {
    font-family: "Open Sans";
	text-transform: uppercase;
}

#about-page .headline h3 {
    font-family: "Open Sans";
	font-size: 36px;
}

#about-page p {
    font-size: 18px;
}

#protect-indentity .nowithvpn{
	text-align:center;
	margin:30px 0;
}

#why-froot h3{
	font-weight:bold;
	font-size:18px;
	margin:10px 0 30px;
}

#about-page .headline{
	margin-bottom:0;
}

#home-index-page,
#about-page {
    background-image: url(https://static.frootvpn.com/img/bg-pattern.png);
    background-repeat: repeat;
}

#about-page .bg-gray {
    background-color: #efefef;
}

#about-page .btn.btn-red.btn-mid{
	 background-color: #d8514d;
    color: #fff;
    font-size: 24px;
    padding: 10px 25px;
    line-height: 1.5;
}

#home-index-page .btn.btn-ylw.btn-mid:before,
#about-page .btn.btn-ylw.btn-mid:before,
#about-page .btn.btn-red.btn-mid:before {
    content: url(https://static.frootvpn.com/img/arrow-btn.png);
    vertical-align: middle;
    position: relative;
    top: 5px;
    margin-right: 20px;
}

#home-index-page .btn.btn-ylw.btn-mid {
    background-color: #e9a61f;
    color: #fff;
    font-size: 24px;
    padding: 10px 25px;
    line-height: 1.5;
}

.vpn-devices.headline,
.unblock-content.headline,
.surf-anonymous.headline{
	margin-bottom:0;
}

.btn.btn-green2.btn-mid:hover{
	background:#f8ba3d;
	color:#225938;
}
#about-page .btn.btn-red:hover{
    /* background-color: #184e2e !important; */
    background-color: #ff433e !important;
}

#about-page .btn.btn-ylw.btn-mid {
    background-color: #e9a61f;
    color: #fff;
    font-size: 24px;
    padding: 10px 25px;
    line-height: 1.5;
}

#home-index-page .btn.btn-ylw:hover,
#about-page .btn.btn-ylw:hover{
    /* background-color: #184e2e !important; */
    background-color: #d2910e !important;
}

#access-any-site{
	padding: 40px;
	background: url("../images/access-site-graphic-bg.png") repeat scroll left top;
}

#surf-anonymous{
	background: #efefef url("../images/surf-anonymous-graphic-bg.png") no-repeat scroll center center;
}

#unblock-content{
	background: #fff url("../images/unblock-content-graphic-bg.png") repeat scroll left top;
}

#vpn-server-location,
#bypass-censorship{
	padding: 40px;
	background: url("../images/bypass-censorship-bg.png") repeat-x scroll left top;
}

#strong-encryption{
	padding: 40px;
	background: #4d7f61 url("../images/strong-encryption-bg.png") repeat scroll center top;
}

#vpn-devices{
	background: #282e39 url("../images/vpn-devices-graphic-bg.png") repeat scroll center center;
}

.vpn-devices

#vpn-server-location,
#vpnapps,
#use-public-wifi{
	padding: 40px;
}

#vpn-server-location a.learn,
#bypass-censorship a.learn{
	color:#e9a61f;
	text-decoration: underline;
}

#use-public-wifi a.learn{
	color:#d9534f;
	text-decoration: underline;
}


.vpn-server-location h2,
.vpn-server-location p,
.strong-encryption h2,
.strong-encryption p,
.bypass-censorship p,
.bypass-censorship h2,
.access-site.headline p,
.access-site.headline h2{
text-align:left;
color:#fff !important;
}

.vpn-devices h2,
.vpn-devices p{
	color:#fff !important;
}

.unblock-content.headline p,
.unblock-content.headline h2,
.surf-anonymous.headline p,
.surf-anonymous.headline h2,
.vpnapps h2,
.vpnapps p,
.use-public-wifi h2,
.use-public-wifi p{
	text-align:left;
}

#vpnapps .alldevices{
text-align:left;
margin-top:20px;
}


.vpn-video{
	margin:30px 0;
}


.devices-logo2 li {
    padding: 0 50px;
}

.devices-logo2 p{
	color:#fff;
	margin-top:10px;
}

.vpn-server-location.headline h2,
.vpnapps.headline h2,
.use-public-wifi.headline h2{
	margin-bottom: 30px;
	margin-top: 30px;
}

.vpn-server-location-img,
.vpnapps-img{
	margin:36px 0;
	text-align:center;
}

.strong-encryption.headline h2,
.access-site.headline h2 {
    margin-bottom: 30px;
    margin-top: 64px;
}

.use-public-wifi-img img{
	margin:10px 0;
}

.bypass-censorship.headline h2{
	margin-bottom: 30px;
    margin-top: 40px;
}

.about-page access-site.headline {
    margin-top: 66px;
}

/*FOOTER*/

#footer{
	background: url("../images/footer-bg.png") repeat-x scroll left top;
    width: 100%;
}


/*slider*/



/************* Media Screen *************/



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

	.addpadd {
		margin: 0;
		padding-bottom: 28px !important;
		padding-top: 20px !important;
	}
	
	.banner-content div.product-chooser div.product-chooser-item{
		margin-top:0;
	}
	
	.server-location {
		width: 97%;
	}
	
	.devices-logo2 li {
		width: 24%;
	}
	
}

@media only screen and (max-width: 767px) {
	
	.banner-content .yellow-black{
		margin-bottom:10px;
	}
	
	.guarantee-logo img {
		margin: 20px auto;
	}
	
	.all-devices {
		margin: 0 auto;
		width: 100%;
	}
	
	.banner-content {
		margin: 25px;
	}
	
	#banner {
		padding-bottom: 40px !important;
		padding-top: 40px !important;
	}
	
	div.product-chooser div.product-chooser-item.selected{
		margin-bottom:10px;
	}
	
	.high-speed-img,
	.unblock-content-img,
	.surf-anonymous-img,
	.guaranteed-img{
		margin-bottom:20px;
	}
	
	.devices-logo2 li {
		width: 40%;
	}
}

@media only screen and (max-width: 500px) {
	.devices-logo2 li {
		width: 100%;
	}
}