body{
/*    background: url(../img/green/welcome-bg.jpg) no-repeat 0 0 #aee239;*/
    
/*    font: 1rem/1.2rem 'Raleway',sans-serif;*/
/*font-family:  'Fira Mono',sans-serif;*/
/*font:  1rem/1.5rem "Lato",monospace;*/
/*font-weight: 300;*/
/*background:  url("../img/bg/noise.png") repeat scroll 0 0 #fff;*/
background-color:  #fefefe;
}

a {
  color: #AEE239;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #8FBE00;
  text-decoration: underline;
}


.wrapper {
/*  background: #fff; */
  margin-bottom: 20px;
    padding-top: 50px;
/*     border-top: 1px solid #a3dedb;*/
}

.middle-container
{/*    margin: 0 30px;*/
    color: #666;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Oswald', "Open Sans", Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    color: #555;
    font-weight:  300;
}
.partners
{
    background-color: #000;
    height:  75px;
}

.glow-bg
{
    background: url(../img/blue/bg-glow.png) no-repeat 0 0 transparent;
    padding-top: 2rem;
}

.preview-box
{
/*    background: url(../img/blue/video-box.png) no-repeat 0 0 transparent;*/
    width:  800px;
    height: 450px;
    float: left;
     left: -50%;
    position: relative;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.23);
-moz-box-shadow:    0px 0px 6px 0px rgba(0, 0, 0, 0.23);
box-shadow:         0px 0px 6px 0px rgba(0, 0, 0, 0.23);
}

.preview-box-outer
{
   float: left;
    left: 50%;
    position: relative;
    padding-top: 40px;
}

.whoweare
{
    padding-left: 0px;
    padding-right: 7px;
}

.whatwedo
{
    padding-left: 7px;
    padding-right: 0px;
}

.servicescol1
{
    padding-left: 0px;
}

.servicescol4
{
    padding-right: 0px;
    padding-left: 0px;
}

.newsletter-message{
	float: left;
    margin-bottom: 0 !important;
    margin-left: 95px;
    margin-right: 0 !important;
    margin-top: -36px;
    padding: 4px !important;
    width: 405px;
}

.disclaimer
{
    margin-bottom: 0;
    margin-top: 10px;
    padding: 0px;
}

.footer-wrapper {
  background: #f7f7f7; 
    border-top: 1px solid #ddd;
}
.footer, footer {
    border-top: 0px solid #ddd;
    margin-top: 0;
    }


.navbar-toggle 
{
    background-color: #000;
}
.navbar-collapse {
    padding-left: 0px;
    padding-right: 0px;
}

/*.in {
    background-color: #fff;
}*/
.navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}
    
.navbar-header {
    padding-left: 0px;
    padding-right: 0px;
}
.navbar {
    background-color: transparent;
    border: 0px solid #E7E7E7;
    }
    
.navbar-nav > li > a {
  padding: 15px 20px;

  line-height: 20px;
  color: #0D1424;
  font-size: 19px;
/*  background-color: #DDFB95;*/
/*  background-color: #CBFA5B;*/
  border-radius: 3px;
  margin-left: -3px;
  
  
}

.top-nav
{
    border-bottom: 0px solid #8FBE00;
    border-top: 0px solid #8FBE00;
    border-left: 0px solid #9acc21;
    border-right: 0px solid #9acc21;
    margin: 70px 0px 0px;
    padding-top: 12px;
    height: 70px;
}

.logo
{
    margin: -20px 0 0 0;
}
.top-navbar-nav
{
    margin: 0px 0;
}

.top-navbar-nav > li > a {
  font-size: 15px;
}

.panel-box-primary
{
    margin-bottom: 2rem;
    border: 1px solid #ddd;
    padding: 5px 10px;
}

#top-menu .glyphicon
{
    display: none;
}

.navbar-collapse.in {
    background-color: #FFFFFF;
    overflow-y: none;
    padding-left: 20px;
}

.navbar-ex1-collapse .navbar-nav
{
    margin: 0;
}

.navbar-nav > li > a.support 
/*, .navbar-nav > li > a.support:hover*/
{
    color: #AE3421;
}

.navbar-nav > li > a.support:hover
{
    background-color: #A07ED5;
    color: #F3E8F0;
}


.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
/*  color: #000;*/
  background-color: #EAFEBC;
}


.bs-sidenav
{
    background-color: transparent;
/*      text-shadow: 0 1px 0 #111;*/
}

.header{
    min-height:175px;
    background-color: #aefcf6;
    font-size:  1rem;
    margin-bottom: 0;
    padding-top: 0;
    
}

/* Header
--------------------------------*/
#header
{
/*    background: url(../img/green/welcome-bg.jpg) no-repeat 0 0 transparent;*/
/*    float: left;*/
    background-color: #aefcf6;
/*    width: 100%;*/
/*    min-width: 960px;*/
/*    min-height: 490px;*/
    padding: 0 0 40px;
      border-bottom: 1px solid #e5fdfb;
/*    behavior: url(/wp-content/themes/csupport/js/PIE.htc);*/


  margin-bottom: 311px;
    min-height: 328px;


}

.home #header
{
    background: url(../img/header_pattern.png) repeat, url(../img/header_overlay_bg.png) no-repeat bottom right, url(../img/header_bg.jpg) no-repeat top center #4183b6;
    -pie-background: url(../img/header_pattern.jpg) repeat, url(../img/header_overlay_bg.png) no-repeat bottom right, url(../img/header_bg.png) no-repeat top center #4183b6;
    float: left;
    padding: 0 0 90px;
    behavior: url(/wp-content/themes/csupport/js/PIE.htc);
}

/*
header nav ul
{
    float: right;
}

header nav ul li
{
    float: left;
    display: inline;
    transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -webkit-transition: background .15s ease-in-out;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

header nav ul li a
{
    color: fff;
}

header nav.mainNav ul li:hover, header nav.mainNav ul li.current_page_parent, header nav.mainNav ul li.current-page-ancestor, header nav.mainNav ul li.current-menu-item
{
    background: 2E5573;
}

header .top
{
    float: left;
    width: 100%;
    min-width: 960px;
    background: url(../img/opacity60.png) repeat;
    padding: 0.4375em 0;
}

header .top nav
{
    width: 960px;
    margin: 0 auto;
}

header .top nav ul li
{
    font: normal 0.75em/0.75em 'pt sans', arial;
    padding: 2px 0 2px;
    margin: 0 0 0 0.9375em;
    color: fff;
}

header .top nav ul li a:hover
{
    color: eee;
    text-decoration: underline;
}

header .top nav ul li.news
{
    background: url(../img/ico_news.png) no-repeat left center;
    padding: 2px 11px 2px 20px;
    border-right: 1px dashed 5E8FB7;
}

header .top nav ul li.news a
{
    margin: 0 0 0 4px;
}

header .top ul.nav li.news strong
{
    color: fff;
}*/

#logo h1 a
{
    text-indent: -99999px;
    float: left;
    background: url(../img/green/dark-logo.png) no-repeat;
    width: 12.25em;
    height: 3.75em;
    margin: 0 0 0 0;
}

#header header
{
    width: 960px;
    margin: 0 auto;
}

#header header ul.nav li
{
    font: normal 23px 'pt sans', arial;
    margin: 2.5em 0 0 4px;
    padding: 4px 8px;
}

#header header ul.nav li a
{
    font: normal 20px 'pt sans', arial;
    color: #fff;
}

#header header .intro
{
    float: left;
    margin: 30px 0 0;
    clear: both;
    width: 960px;
}

#header header .intro h1, #header header .intro h3
{
    font-family: 'pt sans', arial;
    color: #fff;
    font-weight: bold;
}

.home #header header .intro
{
    margin: 0;
}

.home #header header .intro h1
{
    font-size: 4.25em;
    line-height: 1em;
    text-shadow: #2F5F83 0 2px 0;
    padding: 0 0 10px;
}

#header header .intro h1
{
    font-size: 44px;
    line-height: 1em;
    padding: 0 0 5px;
    text-shadow: #2F5F83 0 2px 0;
}

#header header .intro h3
{
    font-size: 1.5em;
    line-height: 1em;
    padding: 10px 0 0;
}

#header header .intro h4
{
    color: #fff;
    text-shadow: #2F5F83 0 2px 0;
    padding: 0;
    font-weight: bold;
}

#header header .intro .btnSignup a
{
    background: url(../img/btn_start_trial.png) no-repeat top;
    float: left;
    width: 117px;
    color: #fff;
    font: bold 18px/18px 'pt sans', arial;
    padding: 8px 0 8px 10px;
}

#header header .intro .btnSignup a:hover
{
    background: url(../img/btn_start_trial.png) no-repeat bottom;
}

#header header .intro .btnSignup span
{
    color: #fff;
    font: bold italic 16px/16px 'pt sans', arial;
    padding: 10px 0 10px 15px;
    float: left;
}

#header header .intro .btnSignup.compact
{
    float: right;
}

#header header .left
{
    float: left;
}

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

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

.nav .caret
{
    border-bottom-color: #000;
    border-top-color: #000;
}

.headerStop
{
    float: left;
    width: 100%;
    min-width: 960px;
    height: 10px;
    background: #fff;
}

.whiteBorder
{
    float: left;
    width: 100%;
    min-width: 960px;
    height: 1px;
    border: 0;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #ccc;
    margin: 0 0 -1px;
}

.top-menu
{/*    color: #2C2C2C;*/
/*    display: block;*/
    font: 19px 'Raleway',sans-serif;/*    margin-bottom: 10px;*/
/*    margin-top: 0.55em;*/
/*    text-align: center;*/
/*    text-decoration: none;*/
}

.top-menu a
{
    color: #2C2C2C;
}


.support
{
    padding-top: 1em;/*    padding-bottom: 2em;*/
/*    margin: 0 14em 0 11em;*/
/*    text-align: right;*/
}

em
{
    font-weight: 500;
    font-style: normal;
}



footer a
{
    color: #AEE239;
}

footer p
{
    margin-left: 15px;
    padding: 20px 0;
}

footer .nav > li > a:hover, footer .nav > li > a:focus
{
    text-decoration: none;
    background-color: transparent;
    color: #8FBE00;
}

.socials
{
/*    position: fixed;*/
/*    right: 50px;*/
    top: 0px;
    margin-top: 20px;
/*    display: none;*/
}
.socials a
{
    text-indent: -9999px;
    padding:  0 5px !important;
    margin-left: 4px;
}

.social
{/*    text-indent: -9999px;*/
    width: 25px;
    height: 25px;
}

.socials li {
/*    height: 50px*/
}

.social:hover, .social:focus
{
    text-decoration: none;
    background-color: transparent;
    color: #9d303a;
}


.tooltip {
    font-size: 19px;
/*    width: 300px;*/
    }

/*.twitter
{
    background: url(../img/green/social/twitter.png) no-repeat 0 0 transparent;
}

.facebook
{
    background: url(../img/green/social/facebook.png) no-repeat 0 0 transparent;
}

.youtube
{
    background: url(../img/green/social/youtube.png) no-repeat 0 0 transparent;
}

.blog
{
    background: url(../img/green/social/blog.png) no-repeat 0 0 transparent;
}

.googleplus
{
    background: url(../img/green/social/google-plus.png) no-repeat 0 0 transparent;
}*/

.btn
{
    font-weight: normal;
    padding: 9px 44px !important;
    color:  #fff !important;
    font-size: 16px !important;
}

.btn-default {
    background-color: #474949;
    border-color: #474949;
    color: #FFFFFF;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
    background-color: #545555;
    border-color: #474949;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active {
    background-color: #474949;
    border-color: #474949;
}

.btn:hover,
.btn:focus {
/*  color: #fff;*/
  text-decoration: none;
}

.btn-yellow
{
    background-color: #71709B;
    color: #e9e8fa !important;/*background-image: -moz-linear-gradient(top, #FAFB99, #F4F27B);*/
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAFB99), to(#F4F27B));*/
/*background-image: -webkit-linear-gradient(top, #FAFB99, #F4F27B);*/
/*background-image: -o-linear-gradient(top, #FAFB99, #F4F27B);*/
/*background-image: linear-gradient(to bottom, #FAFB99, #F4F27B);*/
}

.btn-yellow:hover
{
    background-color: #807eb6; 
/*    A07ED5;*/
}

.btn-support
{
    background-color: #AE3421;
    background-color: #E10100;
    border-color: #AE3421;
    color: #fce9e4 !important;
}

.btn-support:hover, .btn-support:focus, .btn-support:active, .btn-support.active {
    background-color: #cf280e;
    background-color: #FF3600;
    
    color: #fce9e4;
}

#header .btn-default {
    background-color: #DDFB95;
    border-color: #B6D864;
    border-color: #C4E96B;
    color: #434D2A;
}

#header .btn-default:hover, #header .btn-default:focus, #header .btn-default:active, #header .btn-default.active {
    background-color: #EAFCC1;
    border-color: #C4E96B;
    color: #434D2A;
}


.support .btn-large
{
    font-size: 21px;
    padding: 10px 17px;
}

.starlist li
{/*    background: url("../img/small-ok.png") no-repeat scroll left center transparent;*/
    line-height: 1.5em;/*    list-style: none outside none;/ *    margin-left: -23px;*/
/*    padding-left: 35px;*/
/*    font-size: 21px;*/
}

.starlist
{
    list-style-image: url("../img/small-ok.png");
}

.version-info a
{
    margin-left: 4px;
    margin-top: 8px;
}

@media (max-width: 980px)
{
/* Enable use of floated navbar text */
.navbar-text.pull-right
{
        float: none;
        padding-left: 5px;
        padding-right: 5px;
}

}

/* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */
/* Carousel base class */

.carousel-container {
    margin-left: 50px;
    margin-right: 120px;
/*    padding-left: 15px;*/
/*    padding-right: 15px;*/
}

.carousel
{
    margin-bottom: 30px;/*      margin-top: -60px;*/
}

.carousel .container
{
    position: relative;
    z-index: 9;
}

.carousel-control
{
    height: 48px;
    margin-top: 1.3em;
    font-size: 120px;
    text-shadow: 0 1px 1px rgba(0,0,0,.4);
    background-color: transparent;
    background-image: transparent;
    border: 0;
    z-index: 10;
    color: #000;
    width: 0%;
}

.carousel-control.left, .carousel-control.right
{
    background-color: transparent;
    background-image: none;
}

.carousel-control:hover, .carousel-control:focus
{
    color: #000;
}

.carousel .item
{
    height:335px;
}

.carousel img
{
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
/*    height: 500px;*/
}

.carousel-caption
{
    background-color: transparent;
    position: static;
/*    max-width: 550px;*/
    padding: 0 0px;
    margin-top: 50px;
    font: 22px 'Raleway',sans-serif;
    

    color: #2C2C2C;
    text-align: center;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
}

.carousel-caption p{
    padding: 0 80px;
}

.carousel-caption h1, .carousel-caption .lead
{
    margin: 0;
    line-height: 1.25;
    color: #27330D;
    text-shadow: 0 1px 1px rgba(0,0,0,.4);
    font-size: 20px ;
}

.carousel-caption h1
{
    font-size: 40px;
}

.carousel-caption h1 {
    font: 200 35px 'Raleway',sans-serif;
    margin-bottom: 20px;
    text-align: center;
}
 .carousel-caption h1 {
    font-size: 36px;
}
.rte strong {
    font-weight: 800;
}

.carousel-caption .btn
{
    margin-top: 10px;
}


.carousel-inner {
/*    margin-bottom: 30px;
    overflow: hidden;*/
/*    position: relative;*/
/*    width: 100%;*/
}

/* Featurettes
    ------------------------- */
.featurette-divider
{
    margin: 40px 0;/* Space out the Bootstrap <hr> more */
    border-bottom: 1px solid #eee;
    border-top: 1px solid #fff;
}

.featurette
{
    padding: 30px 0;/* Vertically center images part 1: add padding above and below text. */
/*overflow: hidden;  Vertically center images part 2: clear their floats. */
}

.featurette-image
{
    margin-top: -20px;/* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left
{
    margin-right: 50px;
}

.featurette-image.pull-right
{
    margin-left: 50px;
}

/* Thin out the marketing headings */
.featurette-heading
{
    font-size: 34px;
    font-weight: 300;
    line-height: 1;
/*    letter-spacing: -1px;*/
/*    color: #fff;*/
}

.heading {
/*    font-weight: 100;*/
/*    font-size: 40px;*/
/*    letter-spacing: -1px;*/
    
}
.dropdown-menu
{
    font-size: 17px;    
    background-color: #DDFB95;
    border: 0px solid #ccc;
}

.dropdown-menu > li > a 
{
    color: #27330D;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #27330D;
  text-decoration: none;
  background-color: #EAFEBC;
  /*background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));
  background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%);
  background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);
  background-image: linear-gradient(to bottom, #eee 0%, #ccc 100%);*/
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #DDFB95;
}

.alert-disclaimer
{
/*    background: transparent;
    color: #fff;
    border: 0px solid #000;*/
}
.thumbnails
{
    list-style: none;
}
#screenshots .thumbnails > li 
{
    margin-left: 0px;
}

#screenshots .screenshot {
    margin-bottom: 50px;
    }

    .middle-container  .table
    {
    color: #ddd;
}    
.middle-container  .table thead > tr > th,
.middle-container .table tbody > tr > th,
.middle-container .table tfoot > tr > th,
.middle-container .table thead > tr > td,
.middle-container .table tbody > tr > td,
.middle-container .table tfoot > tr > td {
  border-top: 1px solid #444;
}

.middle-container .table thead > tr > th {
  vertical-align: bottom;
}

.middle-container .table caption + thead tr:first-child th,
.middle-container .table colgroup + thead tr:first-child th,
.middle-container .table thead:first-child tr:first-child th,
.middle-container .table caption + thead tr:first-child td,
.middle-container .table colgroup + thead tr:first-child td,
.middle-container .table thead:first-child tr:first-child td {
  border-top: 0;
}

.middle-container  .table tbody + tbody {
  border-top: 2px solid #444;
}

.middle-container .table .table {
  background-color: #ffffff;
}



.table-bordered {
  border: 1px solid #444;
}

.middle-container .table-bordered > thead > tr > th,
.middle-container .table-bordered > tbody > tr > th,
.middle-container .table-bordered > tfoot > tr > th,
.middle-container .table-bordered > thead > tr > td,
.middle-container .table-bordered > tbody > tr > td,
.middle-container .table-bordered > tfoot > tr > td {
  border: 1px solid #444;
}

.middle-container .table-striped > tbody > tr:nth-child(odd) > td,
.middle-container .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #333;
}   
.middle-container .table-striped > tbody > tr:nth-child(even) > td,
.middle-container .table-striped > tbody > tr:nth-child(even) > th {
  background-color: #222;
}   

/*.middle-container code
{
    background-color: #555;
    color: #d6e0fc;    
}

.middle-container .table code {
    font-size: 14px;
}*/

 .jumbotron {
     
    background: transparent;
    padding: 34px 60px;
/*    min-width: 960px;*/
/*    min-height: 660px;*/ 
/*    padding: 0 0 40px;*/
}


.list-group-item {
     background-color: transparent;
    border: 1px solid #f0f0f0;
    margin-bottom: 9px;
    padding: 5px 10px;
    }

.disclaimer .close {
  float: right;
  font-size: 27px;
  font-weight: bold;
  color: #fff000;
  text-shadow: 0 1px 0 #666;
  opacity: 1.0;
  filter: alpha(opacity=100);
}

.roadmap dd
{
    margin-bottom: 35px;
    margin-left: 30px;
}


.panel-match {
    border-color: #e9591a;
    color: #FEF2EC;
    background-color: #BB3900;
    padding-bottom: 50px;
}


.panel-match  .panel-heading {
  background-color: #BB3900;
  border-bottom: 1px solid #ce4306;
  font-size: 27px;

}

.panel-match .badge{
    background-color: #F1F1EC;
    color: #000000;
    font-size: 23px;
    font-weight: normal;
}
.faq ul {
    list-style: none;
}
.version
{
    font-size: 15px;
    padding: 6px;
    margin-right: 6px;
    margin-top: 22px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.white-shadow
{
    box-shadow: 1px 1px 17px #444444;
}

.code {
    font-size: 100%;
    background-color: #333333 !important;
    color: #CCCCCC;
    padding: 4px 10px;
}

.roadmap-progress
{
    float: right;
    width: 20%;
    position: relative;
    right:  20%;
    top: 15px;
}

@media (max-width: 1024px) {

    body{
        font: 16px/25px 'Raleway',sans-serif;
    }
    .navbar-nav > li > a 
    {
       font-size: 17px;
    }
    .top-navbar-nav > li > a {
      font-size: 14px;
    }

    .featurette-heading
    {
        font-size: 40px;
    }
    .starlist li {
        font-size: 19px;
    }
    h2, .h2 {
        font-size: 28px;
    }
    
    .carousel-container {
        margin-left: 50px;
        margin-right: 90px;
/*    padding-left: 15px;*/
    padding-right: 0px;
    }

}

@media (max-width: 768px) {

    body{
        font: 14px/20px 'Raleway',sans-serif;
    }
    .navbar-nav > li > a 
    {
       font-size: 17px;
    }
    .featurette-heading
    {
        font-size: 25px;
    }
    .starlist li {
        font-size: 17px;
    }
    h2, .h2 {
        font-size: 18px;
    }
    
    #header {
    min-height: 0px;
    padding:0px;
    }
    
    .top-nav {
    border-bottom: 0px solid #8FBE00;
    height: 0px;
    margin: 0px;
    padding-top: 0px;
    }
    
    .socials 
    {
/*    display: none;*/
}

}


/*Donation Box*/
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width:auto;
  max-width: 500px;
  margin: 20px auto;
  border-radius: 4px;
  box-shadow: 0 0 5px #111;
}