/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20-Oct-2014, 13:20:27
    Author     : Adam Albison
*/

body {
    width: 100%;
    margin: 0;
    padding: 0;    
    font-family: "helvetica neue",helvetica,arial,sans-serif;
    font-size: 14px;
    overflow-y: scroll;
}

#pageLoading {
    background: #99B9E1;
    z-index: 10;
    position: fixed;
    display: block;
    background: url('../images/loading.gif') center no-repeat #99B9E1;
}

a {
    text-decoration: none;
}

img {
    border: none;
    text-decoration: none;
}

h1, h2, h3, h4, h5 {
    font-family: "Roboto",sans-serif;
    margin: 0;
    font-size: 1.5vw;
    font-size: 1.5vmax;
    color: #111;
}

h1 {
    font-size: 2.5vw;
    font-size: 2.5vmax;
    font-weight: 300;
}

h2 {
    font-weight: 500;
}

h3 {
    font-weight: 400;        
}

h4 {
    font-weight: 300;        
}

h5 {
    font-weight: 100;        
}


.button {    
    padding: 20px 30px 20px 30px;    
    line-height: 32px;    
    text-align: center;
    color: #6098dd;
    font-size: 24px;
    border-radius: 180px;    
}

.button:hover {
    background: #6098dd;
}

.wrapper {
    width: 100%;
    display: block;
}

.hidden {
    width: 100%;
    display: none;
}

.circle {
    background: #fff; 
    overflow: hidden; 
    margin-top: 10px;
    border-radius: 1000px;
    box-shadow: 0px 0px 20px #888888;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .circle {
        -webkit-mask-image: url(../images/circle-13.svg);
        border-radius: 0px;
    }
}

.button {
    padding: 0px 20px 0px 20px;
    font-size: 24px;
    color: #fff;
    background: #99b9e1;
    border-radius: 30px;
    line-height: 60px;
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
}

.button:hover {
    background: #6098dd;
}

#header.wrapper {
    background: #6098dd;
    height: 90px;
    border-bottom: 10px solid #d4dae2;
}

#slider-container.wrapper{
    overflow: hidden;
}

#footer.wrapper {
    background: #99b9e1;
    height: 150px;
    border-top: 10px solid #d4dae2;
}

#footer .docs {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
}

#footer a {
    color: #fff;    
}

#footer a:visited {
    color: #fff;
}

.jssorb01 {
    position: absolute; 
    left: 50%; 
    bottom: 20px;
}

.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
    overflow: hidden;
    cursor: pointer;
    border-radius: 90px;
}

.jssorb01 div {
    background-color: #99b9e1;
}

.jssorb01 div:hover, .jssorb01 .av:hover {
    background-color: #d4dae2;
}

.jssorb01 .av {
    background-color: #d4dae2;
}

.jssorb01 .dn, .jssorb01 .dn:hover {
    background-color: #6098dd;
}

#content.wrapper {
    background: #d4dae2;
    border-top: 10px solid #99b9e1;
    height: 250px;
}

.slider-wrapper {
    display: inline-block; 
    overflow: hidden; 
    margin-right: 10px; 
    margin-left: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .slider-wrapper {
        margin-right: 7px;
    }
}

.home-button{
    text-decoration: none;
    position:fixed;
    bottom:0px;
    right:0px;
    display: none;
    width: 45px;
    height: 265px;
    border-radius: 20px 0px 0px 0px;
}

.home-button a {
    display: block;
    width: 25px;
    height: 25px;
    padding: 7px;
    border-radius: 180px;
    background: #6098DD;
    margin-bottom: 5px;
}

.home-button a[href="#demo"]{
    background: url('../images/media/demo-small.png') no-repeat #6098dd center;  
    background-size: 25px;
}

.home-button a[href="#marketing"]{
    background: url('../images/media/marketing-small.png') no-repeat #6098dd center;  
    background-size: 25px;
}

.home-button a[href="#analytics"]{
    background: url('../images/media/analytics-small.png') no-repeat #6098dd center;  
    background-size: 25px;
}

.home-button a[href="#testimonials"]{
    background: url('../images/media/testimonials-small.png') no-repeat #6098dd center;  
    background-size: 25px;
}

.home-button a[href="#pricing"]{
    background: url('../images/media/pricing-small.png') no-repeat #6098dd center; 
}

#home-button {
    background: url('../images/media/home-button.png') no-repeat #6098dd center;
    background-size: 25px;
}

.header, .footer {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.header #logo {    
    display: inline-block;
    margin-top: 20px;
    width: 141px;
    height: 50px;
}

.header .telephone {
    color: #fff;
    font-size: 22px;
    font-weight: 100;
    position: relative;
    padding-left:10px;
    line-height: 45px;
    height: 45px;
    margin-left: 10px;
    border-left: 1px solid #d4dae2;    
    text-decoration: none;
    font-family: 'gadugi';
    font-weight: bold;
    display: inline-block;
    top:-7px;
}

.social {
    display: inline-block;
    float: right;
    margin-top: 20px;
}

#footer .social {
    margin-top: 40px;
}

.social a {
    display: inline-block;
    padding: 16px;    
    border-radius: 90px;
    vertical-align: central;
    margin-top: 6.5px;
    margin-left: 5px;
}

.social #fb {
    background: url('../images/media/fb.png') no-repeat #99b9e1;    
}
.social #tw {
    background: url('../images/media/tw.png') no-repeat #99b9e1;
}
.social #li {
    background: url('../images/media/li.png') no-repeat #99b9e1;
}
.social #go {
    background: url('../images/media/go.png') no-repeat #99b9e1;
}
.social #fb:hover {
    background: url('../images/media/fb.png') no-repeat #d4dae2;    
}
.social #tw:hover {
    background: url('../images/media/tw.png') no-repeat #d4dae2;
}
.social #li:hover {
    background: url('../images/media/li.png') no-repeat #d4dae2;
}
.social #go:hover {
    background: url('../images/media/go.png') no-repeat #d4dae2;
}

.login {
    border-left: 1px solid #d4dae2;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    padding-left: 10px;
    height: 45px;
    float: right;
}

.social #login {
    background: #99b9e1;
    padding: 0px;    
    line-height: 32px;
    width: 100px;
    text-align: center;
    color: #6098dd;
    margin-left: 0px;
}

.social #login:hover {
    background: #d4dae2;    
}

.content {
    margin-right: auto;
    margin-left: auto;
}

.container h3 {
    text-align: center;
}


.nav {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.nav .block {
    display: inline-block;
    margin-right: 6.25%;
    width: 15%;
    overflow: hidden;
}

.nav .block:last-child {
    margin-right: 0;
}

.nav .block a {
    padding: 50%;
    display: inline-block;
    border-radius: 180px;    
}

.nav #pricing-link {
    margin-right: 0px;
}

.nav .block h4 {
    text-align: center;
    margin-top: 10px;
    color: #6098dd;
}

#demo-link a {
    background: url('../images/media/demo.png') center/60% no-repeat #6098dd;   
}

#marketing-link a {
    background: url('../images/media/marketing.png') center/60% no-repeat #6098dd;     
}

#analytics-link a {
    background: url('../images/media/analytics.png') center/60% no-repeat #6098dd;   
}

#testimonials-link a {
    background: url('../images/media/testimonials.png') center/70% no-repeat #6098dd;   
}

#pricing-link a {
    background: url('../images/media/pricing.png') center/40% no-repeat #6098dd;      
}

#demo-link a:hover {
    background: url('../images/media/demo.png') center/60% no-repeat #99b9e1;   
}

#marketing-link a:hover {
    background: url('../images/media/marketing.png') center/60% no-repeat #99b9e1;   
}

#analytics-link a:hover {
    background: url('../images/media/analytics.png') center/60% no-repeat #99b9e1;     
}

#testimonials-link a:hover {
    background: url('../images/media/testimonials.png') center/70% no-repeat #99b9e1;     
}

#pricing-link a:hover {
    background: url('../images/media/pricing.png') center/40% no-repeat #99b9e1;     
}

#demo {
    background: #f5f5f5;
    z-index: 0;
}

#demo .spacer {
    display: block;
    position: relative;
    top: 10%;
    height: 36px;
}

#demo img {
    margin-right: auto;
    margin-left: auto;
    display: block;
}

#demo h3 {
    text-align: center;
    font-size: 56px;
    color: #6098dd;
    font-weight: 300;
    text-transform: capitalize;
}

#demo .next, #start-demo, #iframe-next {    
    background: #99b9e1;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    display: block;
    margin-top: 20px;
    cursor: pointer;
    padding: 20px 30px 20px 30px;    
    line-height: 32px;    
    text-align: center;
    font-size: 24px;
    border-radius: 180px; 
    font-weight: bold;
}

#demo .next:hover, #start-demo:hover, #iframe-next:hover {   
    background: #6098dd;
}

#demo-iframe {
    margin-left: auto;
    margin-right: auto;
    display: block;    
    overflow: hidden;
    z-index: 0;
}

#iPad {
    position: relative; 
    display: block;
    background: url("../images/media/ipad.png") no-repeat;
    margin-right: auto;
    margin-left: auto;
}

#iPadContent {
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
}

.blackout, .start-demo {
    background: #000000;
    z-index: 10;
    position: relative;
    display: block;
    background: url('../images/media/tryme.png') center no-repeat #000;
    cursor: pointer;
}

.start-demo  {   
    background: url('../images/media/start-demo.png') 50% 10% no-repeat #000;
}

#demo1 {
    position: relative; 
    z-index: 0;
}

#network {
    position: relative;
    z-index: 10;
    font-family: arial;
    color: #0f0f0f;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    font-weight: bold;
    border-radius: 2px 2px 0px 0px;
    overflow-x: hidden; 
    overflow-y: hidden; 
    opacity: 1; 
    -webkit-transition: background 2.5s linear;
    -moz-transition: background 2.5s linear;
    -ms-transition: background 2.5s linear;
    -o-transition: background 2.5s linear;
    transition: background 2.5s linear;
}

#network img {
    float: left;
}

#network.glow {
    background: #99B9E1;
}

#network.cursor {    
    cursor: pointer;   
}

#marketing {
    background: url('../images/media/marketing/bg.jpg') no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

#marketing .container {
    //background: url('../images/marketing.png') -25px 110% no-repeat white; 
    //background: #fff;
    width: 60%;    
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    border-radius: 25px;
    overflow: hidden;
}

#marketing .container h1 {
    color: #fff;
    text-align: center;
    text-shadow: 2px 2px 8px #000;
    width: 100%;
}

.marketing-pop-up div {
    width: 50%;
    display: inline-block;
}

.marketing-pop-up img {
    display: block;    
    height: 100%;       
    margin-right: auto;
    margin-left: auto;
}    

.marketing-pop-up p {
    line-height: 2.2vmax;
    font-size: 1.5vmax;
    font-family: 'roboto';
    font-weight: 300;
    display: inline-block;
    width: 40%;
    vertical-align: top;
    text-align: justify;
    margin-right: 10%;
}

.circles {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2%;
}

.circles .iPhone {
    display: block;
    display: inline-block;
    cursor: pointer;
    width: 25%;
    margin-right: 50%;
}

.circles .iPhone img {
    width: 100%;
}

.circles .iPhone:last-child {
    margin-right: 0px;
}

.circles .iPhone div {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.circles h4 {
    text-align: center;
    margin-top: 2%;
    color: #fff;
    font-size: 1.5vw;
    font-size: 1.5vmax;
    font-weight: 300;
    text-shadow: 2px 2px 8px #000;
    margin-left: -10px;
    width: 100%;
}

.circle{
    width:  240px;
    height: 240px;
    display: block;
    margin-left: auto;
    margin-right: auto;
} 

.circle img {
    margin-left: auto;
    margin-right: auto;
} 

#marketing-content p {
    width: 746px;
    line-height: 28px;
    font-size: 24px;
    font-family: 'roboto';
    font-weight: 200;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    display: block;
}

#marketing-samples {    
    width: 750px;
    display: inline-block;
    float: right;
}

#marketing-samples h3 {
    color: #fff;
}

.back-container {
    width: 775px;    
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

.back {    
    background: url(../images/back-2.png) no-repeat center;
    width: 20px;
    display: inline-block;
    height: 100%;
    cursor: pointer;
}

#analytics {
    background: #99b9e1;
}

#analytics-content {
    margin-left: auto;
    margin-right: auto;
    display: block;
    background: #99b9e1;
    position: relative;
    width: 80%;
}

#analytics-content h1 {
    color: #fff;
    text-align: center;
    padding-bottom: 30px;
    height: 10%;
}

#analytics-content .images {
    height: 65%;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    display: block;
    overflow: hidden;
    padding-top: 1%;
    padding-bottom: 1%;
}

#analytics-content .images div div {
    display: inline-block;    
    width: 48%;
    margin-right: 4%;
}


#analytics-content div div:last-child {    
    margin-right: 0;
}

#analytics-content img {
    display: inline-block; 
    width: 100%;
}

#analytics-content p {
    font-size: 1.1vw;
    font-size: 1.1vmax;
    line-height: 1.6vw;
    line-height: 1.6vmax;
    font-family: 'roboto';
    font-weight: 300;
    margin-left: 30px;
    margin-right: 30px;
    text-align: justify;
    color: #fff;
    display: block;
    height: 25%;
    vertical-align: top;
}

#testimonials {
    //background: #000;
    //background: url("../images/media/testimonials/deckers.jpg") no-repeat 0% 0% / cover;
    background: #D4DAE2 none repeat scroll 0% 0%;
}

#testimonials .container {    
    margin: 0;    
    display: block;
    margin-left: auto;
    margin-right: auto;    
    font-family: 'roboto';
    line-height: 2vw;
    line-height: 2vmax;
    font-size: 1vw;    
    font-size: 1vmax;    
    position: relative;
}

.speech-bubble {
    padding-bottom: 30px;
    background: url("../images/media/speech-bubble.png") 2% 95% no-repeat;
}

#testimonials .container .company {
    display: block;
    width: 20%;
    margin-bottom: 3%;
    margin-right: auto;
    margin-left: auto;
}

#testimonials .container .company img {
    height: 100%;
    width: 100%;
}

#testimonials .container .testimonial {
    background: #fff;        
    padding: 3%;
    border-radius: 30px;
    font-weight: 300;
    text-align: justify;
    margin: 0;    
}

#testimonials .container .author {
    margin: 0;
    font-size: 1.2vw;
    font-size: 1.2vmax;
    font-weight: 300;
    color: #fff;
    //text-shadow: 2px 2px 8px #000;
}

#testimonials .container .author span:before {
    content: "-";
}

#pricing {
    background: #ffffff;
    height: 670px;
}

#pricing .content {
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
}

#pricing img {
    margin-top: 15px;
}

#pricing .specs {
    float: right;
    width: 300px;
}
/*
#pricing .price {
    font-size: 34px;
    font-family: 'roboto';
    font-weight: 200;
    text-align: center;
    margin-top: 30px;
    background: url(../images/price-tag.png) no-repeat;    
    height: 80px;    
    background-position: 98px 0px;
    color: #f5f5f5;    
    -ms-transform: rotate(-10deg); /* IE 9 */
    //-webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    //transform: rotate(-10deg);
    //margin-bottom: 10px;
//}

//#pricing .price span {
 / //  display: block;
//    font-size: 18px;
//}
*/

#pricing .extra {
    float: right;
    font-size: 10px;
    display: block;
    width: 150px;
    line-height: 10px;
    color: #99b9e1;
}

#pricing .specs .p {
    height: 65px;
    margin-top: 40px;
}

#pricing .specs .p p {
    padding: 0px 0px 0px 85px;
    margin-top: 42px;    
}

#pricing .specs .p p span {
    display: block; 
    margin-top: 10px;
    color: #99b9e1;
}

#pricing #social-presence {    
    background: url('../images/media/social-presence.png') no-repeat left center;
}

#pricing #social-presence p {    
    margin-top: 0px;
}

#pricing #targeted-marketing {    
    background: url('../images/media/targeted-marketing.png') no-repeat left center;
}

#pricing #relevant-data {
    background: url('../images/media/relevant-data.png') no-repeat left center;
}

#pricing .button {
    margin-left: auto;
    margin-right: auto;
    width: 160px;
    display: block;
    margin-top: 50px;
}

#pricing .sign-up {
    display: inline-block;
    height: 645px;
}

#pricing .back {    
    background: url(../images/back.png) no-repeat center;
    width: 20px;
    display: inline-block;
    height: 670px;
    cursor: pointer;
}

#pricing .next {    
    cursor: pointer;
}

#pricing .sign-up .progress-titles {
    width: 100%;    
}

#pricing .sign-up .progress-titles span {
    width: 215px;
    text-align: center;
    display: inline-block;
    font-family: 'roboto';
}

#pricing .sign-up .progress {
    height: 10px;
    display: inline-block;
    background: url(../images/progress.gif) #99b9e1 no-repeat;
    background-position: -750px 0px; 
    border-radius: 20px;
    position: relative;
    width: 215px;
}

#pricing .sign-up #prog1 {
    z-index: 20;    
}

#pricing .sign-up #prog2 {
    z-index: 10;
}

#pricing .sign-up #prog3 {    
    z-index: 0;
    top: 14px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    #pricing .sign-up #prog3 {  
        top: 0px;
    }
}

#pricing .sign-up .progress span {    
    background: url(../images/progress_number.gif) #99b9e1 no-repeat;
    background-position: -30px 0px; 
    margin-left: 205px;
    padding: 7px 11px 7px 11px;
    border-radius: 15px;
    position: relative;
    bottom: 3px;
    color: #f5f5f5;
    font-weight: bold;
}

#pricing .sign-up #prog3 span {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 0px;
    bottom: 9px;
    cursor: default;
}

#pricing .sign-up #prog3 img {
    padding: 0;
    margin: 0;
    width: 20px;
    height: 20px;
    margin-top: 7px;
    margin-left: 5px;
}

#signup-form .content {
    background: #fff;
    height: 450px;
}

#signup-form .content .order-summary {
    width: 225px;
    display: inline-block;
    border-right: 1px solid #99b9e1;
    padding-right: 30px;
    height: 450px;
}

#signup-form .content .order-summary .your-details {
    margin-top: 20px;
    border-bottom: 1px solid #99b9e1;
    padding-bottom: 20px;
}

#signup-form .content .order-summary #second {
    border: none;
}

#signup-form .content .order-summary .your-details span {
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

#signup-form .content .your-details-form {
    display: block;
    width: 100%;
}

#signup-form .content .your-details-form h3 {
    font-size: 30px;
    font-family: 'roboto';
    font-weight: 300;
    color: #fff;    
    text-align: center;
    background: #99B9E1;
    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none;
    padding-top: 5px;
    width: 100%;
}

#signup-form .content .your-details-form .section {
    border: 1px solid #d3d6db;
    border-top: none;
    padding: 30px;    
}

#signup-form .content .your-details-form .section-margin {
    width: 570px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

#signup-form .content .your-details-form .inputs {
    display: block;    
    overflow: hidden;
}

#signup-form .content .your-details-form select, #signup-form .content .your-details-form input {
    border: 1px solid #d3d6db;
    background: #f5f5f5;
    color: #888888;
}

#signup-form .content .your-details-form select:focus, #signup-form .content .your-details-form input:focus {    
    border: 1px solid #d3d6db;
    background: #fff;
    color: #111;
}

#signup-form .content .your-details-form select.error, #signup-form .content .your-details-form input.error{
    border: 1px solid red;
}

#signup-form .content .your-details-form input {    
    margin-bottom: 10px; 
    width: 250px;
    height: 25px;
    cursor: pointer;
    padding: 3px 9px 3px 9px;   
    background: #f5f5f5;
    border: 1px solid #d3d6db;
    font-family: 'roboto';
    font-weight: 300;
    font-size: 18px;
}

#signup-form .content .your-details-form select {    
    width: 270px; 
    margin-bottom: 10px; 
    line-height: 23px;
    cursor: pointer;
    padding: 3px 9px 3px 9px;   
    background: #f5f5f5;
    border: 1px solid #d3d6db;
    font-family: 'roboto';
    font-weight: 300;
    font-size: 18px;
}

#signup-form .content .your-details-form .two {
    margin-left: 12px; 
}

#signup-form .content .your-details-form .full{
    width: 250px;
}

#signup-form .content .your-details-form .button {
    margin-top: 20px;
    line-height: 50px;
    border-radius: 25px;
    font-size: 20px;
    padding: 0px 18px
}

.labels .label {
    width: 282px;
    display: inline-block;
    padding-bottom: 10px;
    text-transform: capitalize;
    font-family: 'roboto';
    font-weight: 300;
    font-size: 1vw;
    font-size: 1vmax;
}

.copyright {
    color: #fff;
    line-height: 30px;
    display: inline-block;
}

/* Old Head */

#select-network, #login-via, #access-posts {
    position: relative; 
    right: -3000px;
    display: none;
}   

#sample-splash-pages .circle { 
    width: 400px;
    height: 400px;
}

#sample-splash-pages img {
    display: inline-block;
}

#sample-splash-pages div.scrollableArea *{
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#setup:hover {
    color: #111;
}

#pricing h4 {
    padding-top: 30px;
    color: #6098dd;
    font-weight: 300;
    display: inline-block;    
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.price-table {     
    font-family: 'roboto';
    font-weight: 300;
    float: left;
    display: block;
    font-size: 1vw;
    font-size: 1vmax;
    background: #fff;
}

.initial  {      
    background: none;
}

.price-table h5 {
    font-weight: 300;
    color: #6098dd;
    padding-left: 40px;
    padding-top: 10px;
    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none;
}

.price-table td {
    user-select: none;
}

.price-table ul {
    list-style-type: none;
}

.price-table li {
    line-height: 35px;
    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none;
}

.plans {
    font-size: 3.5vmin;
    font-family: 'roboto';
    font-weight: 300;
    color: #fff;    
    display: table-cell;
    text-align: center;
    background: #99B9E1;
    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none;
    padding-top: 5px;
}

.td-title {    
    font-size: 3.5vmin;
    font-family: 'roboto';
    font-weight: 300;
    color: #fff;    
    display: table-cell;
    text-align: center;
    background: #99B9E1;
    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none;
}

.premium {
    background: #6098dd;
}

.plans .checkbox-plan {
    margin-right: 40px;
    display: block;
    height: 20px;
    width: 20px;
    cursor: pointer;
    padding: 3px;    
    background: #f5f5f5;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5px;
    margin-bottom: 15px;
}

.tick {
    background: url(../images/tick.png) no-repeat center #fff;
    height: 25px;
    width: 25px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.cross {
    background: url(../images/cross.png) no-repeat center #fff;
    height: 25px;
    width: 25px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.first-td .checkbox-plan{
    background: url(../images/tick.png) no-repeat center #f5f5f5;
}

.prices {
    text-align: center;
    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select:none; 
    user-select:none;
    -o-user-select:none;
    background: #fff;
}

.prices, .features, .hardware-setup {
    border: 1px solid #d3d6db;
    border-top: none;
}

.thePrices {
    display: block;
    text-align: center;
    height: 15%;
}

.bolt-ons {
    border: 1px solid #d3d6db;
}

.social-pages, .hardware {
    margin-top: 40px;
}

 .page-creation {
    border: 1px solid #d3d6db;
}

td.first-td {
    border-right: none;
}

.prices {
    vertical-align: middle;
}

.prices .small {
    padding: 5px;
    font-size: 3vmin;
}

.prices .price {
    font-size: 5vmin;
    font-weight: 400;
    color: #6098dd;
}

.features {
    text-align: left;
}

.features {
    background: #fff;
}

.features li {
    background-repeat: no-repeat;
    line-height: 25px;
    margin-bottom: 5px;
    padding-right: 30px;
}

.bolt-ons li {
    line-height: 35px;
}

.list-text {
    float: right; 
    margin-right: 40px;
}

.checkbox {
    display: inline-block;
    height: 20px;
    width: 20px;
    cursor: pointer;
    padding: 3px;
    float: right;    
    background: #f5f5f5;
}

li .checkbox     { 
    border: 1px solid #d3d6db;
    float: left;
    position: relative;
    top: 5px;
    right: 5px;
}


.price-container {
    float: right;
    margin-right: 40px;
    color: #6098dd;
    font-size: 14px;
}

input[name="ap"] {
    display: inline-block;
    height: 20px;
    width: 20px;
    cursor: pointer;
    padding: 3px;   
    background: #f5f5f5;
    border: 1px solid #d3d6db;
    font-family: 'roboto';
    font-weight: 300;
    font-size: 18px;
    position: relative;
    right: 5px;
}

.planNav, .contactNav {
    display: block;
}

.planNext, .planPrevious, .contactNext, .contactPrevious {
    cursor: pointer;
    font-family: 'roboto';
    font-weight: 300;
    float: right;
    color: #6098dd;
    padding-top: 10px;
}

.planPrevious, .contactPrevious {
    float: left;
}

.feature-list td {
    background: #fff;
    border: 1px solid #d3d6db;
    border-top: none;
    text-align: center;
    font-size: 1vw;    
    font-size: 1vmax;    
    padding-top: 0.5%;
    padding-bottom: 0.5%;
}

.feature-list td.theFeatures {
    border-top: 1px solid #d3d6db;
    text-align: left;
    padding-left: 10px;
    border-bottom: none;
    border-left: none;
}

.feature-list td.theFeatures .info{
    float: right;
    margin:0;
    padding:0;
    vertical-align: bottom;
    display: inline-block;
    height: 20px;
    width: 20px;
    overflow: hidden;
    background: url("../images/media/info.png") no-repeat;
    padding-right: 10px;
}

.tooltip {
    display:none;
    position:absolute;
    background: #99b9e1;
    width: 300px;
    padding:10px;
    color:#fff;
    line-height: 20px;
}

.feature-list td.firstFeature {
    border-top: none;
}


.feature-list td.td-spacer {
    background: none;
    border: none;
}

#response {
    position: relative;
    right: -3000px;
    display: none;
    font-family: 'roboto';
    font-weight: 300;
    font-size: 20px;
}