/*
Theme Name: ACE
Theme URI: http://underscores.me/
Author: Shonna Martell
Author URI: http://underscores.me/
Description: Main ACE Theme Version 1
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ace
Tags: ace

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

ACE is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

--------------------------------------------------------------*/

/**
* --------------------------------------------------------------------------------------------------------------
* 1. Base Specific Styles
* --------------------------------------------------------------------------------------------------------------
*/

@media only screen and (max-width : 680px) {
  .sponsors li {
    display: block !important;
   }
}

@import url(http://fonts.googleapis.com/css?family=Roboto:400,300);
body {
  text-align: center;
  font-family: 'Roboto', sans-serif; }

body p{
  line-height: 28px;
}

input.wpcf7-form-control.wpcf7-text{
height: 40px;
color:#666;
border-radius: 5px;
border:1px solid #ccc;
padding: 1em;
outline:0 !important;
}

textarea.wpcf7-form-control.wpcf7-textarea{
border-radius: 5px;
border:1px solid #ccc;
padding: 1em;
outline:0 !important;
}

input.wpcf7-form-control.wpcf7-submit{
background: #4a4d50;
border: 1px solid #4a4d50;
color: #fff;
padding:.5em 2em;
font-size: 1em;
}

img.app-logo{
  border:1px solid #eee;
  border-radius: 8px;
  padding: 6px;
}

.tab-content a{
  color: #00a1de;
}

.partner-logos{
margin-bottom: 1em;
}

.tab-content h5{
  border-bottom: 1px dotted #ddd;
}

.center{
  text-align: center;
}
.table {
  display: table;
  /* Allow the centering to work */
  margin: 0 auto; }

.imgborder {
  border: 1px solid #ccc;
  padding: 0.3em;
  border-radius: 3px; }

.addtoppadding {
  padding-top: 5em; }

.alignright {
  float: right !important; }

pre {
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;
  display: block;
  padding: 5px 1em;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;       /* Internet Explorer 5.5+ */
}

.subcontent .nine a, .subcontent .twelve a {
color: #00a1de;
}

.sponsors li svg:last-child {
      width: 206px !important;
}

.sponsors li img:last-child {
      width: 160px !important;
}

table b {
    font-weight: bold !important;
}

#android-table td {
    font-weight: normal !important;
}

.maincontent b {
    font-weight: bold !important;
}

table tbody tr td {
    border-right: 1px solid #E5E5E5 !important;
    font-size: 14px;
}

table tbody tr td span {
    font-size: 14px;
}

ol {
    margin-left: 17px !important;
}
ol li {
    padding-bottom: .273em !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

/**
* --------------------------------------------------------------------------------------------------------------
* 2. Layout Specific Styles
* --------------------------------------------------------------------------------------------------------------
*/
header.navbar {
  background: #333333;
  transition: all 0.4s ease;
  padding-bottom: 1em;
 }
  header.navbar ul {
    margin: 3px 0 0 0;
  }
  header.navbar ul li > a {
    color: #fff;
    text-shadow: none; }
  header.navbar a.toggle {
    color: #000000;
    background: transparent !important; }

header.fixed {
  background: #000000;
  opacity: 0.8; }
  header.fixed ul li > a {
    color: #fff;
    text-shadow: none; }

header.fixed .black-logo {
  display: none !important; }

header .white-logo {
  display: none !important; }

header.fixed .white-logo {
  display: block !important; }

.gumby-no-touch .navbar ul li:hover > a, .gumby-touch .navbar ul li.active > a {
  background: transparent; }

.maincontent h2 {
  line-height: 1.2em;
  margin-bottom: 0.4em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 37px; }
.maincontent p {
  margin-bottom: 2em;
  font-size: 14px;
  text-align: left;
 }

.subcontent {
  text-align: left; }
  .subcontent h2 {
    line-height: 1.2em;
    margin-bottom: 0.4em;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 37px; }
  .subcontent p {
    margin-bottom: 1em;
    font-size: 14px; }
  .subcontent .nine ul, .subcontent .twelve ul {
    padding-left: 1em;
    font-size: 14px;
   }

.sponsors li {
  display: table-cell;
  text-align: center;
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 20px;
 }
  .sponsors li img {
    border: none;
    padding: 1.25%; }

.center-li {
    text-align: center !important;
}
.center-li li {
    display: inline-block;
    text-align: center !important;
    width: 20%;
}
.videopop {
  margin: 2em 0 3em 0; }

.bottom-line {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 3em;
  padding-bottom: 3em; }

.content-left p {
  text-align: left;
  margin: 1em 0 3em 0; }

.work-section h5 {
  font-size: 22px;
  padding: 1em 0; }

.work-section p {
  margin: 0.5em 4em;
  text-align: left; }

footer {
  background: #333333;
  padding: 2em 0;
  margin-top: 5em; }
  footer ul li {
    display: inline-block;
    text-align: center;
    padding-bottom: 0;
    margin: 0;
    height: 60px;
    line-height: 58px; }

.footNav ul li > a {
  display: block;
  padding: 0 14px;
  white-space: nowrap;
  color: #fff;
  height: 60px;
  line-height: 58px;
  font-size: 14px; }

.footBottom p {
  text-align: center;
  color: #ffffff;
  font-size: 13px; }
.footBottom ul li {
  display: table-cell;
  text-align: center;
  padding-bottom: 0;
  margin: 0;
  height: 60px;
  line-height: 58px; }

.list-item {
  margin: 1em 0 2em 0;
  text-align: left;
 }
  .subcontent .nine ul li, .subcontent .twelve ul li {
    text-align: left;
    list-style-type: circle; }
.home-btn {
    margin-top: 2em;
    margin-bottom: 2em;
}

.btn.info a{
  color:#fff !important;
}

.partner-logos img{
  padding:0 .6em;
}

.single-company .sidebar li{
  margin-bottom:1em;
}
.sidebar-app{

}
.sidebar-app p{
  line-height: 12px;
  color:#666;
  font-size: 12px;
  margin-bottom:8px;
  font-family: 'Roboto', sans-serif;
}

.tab-box .tab-nav {
    border: none !important;
}

.tab-box .tab-nav li {
    display: inline-block !important;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}

.tab-box .tab-content {
    border-top: 1px solid #e5e5e5;
}
.tab-content {
    padding: 20px 0 !important;
}

.app-title-h5{
  font-weight: 500;
  padding-top:0;
}

.date {
    border-right: 1px solid #e5e5e5;
    color: #A6A6A6;
    text-align: center;
    font-weight: lighter !important;
}

.pr-text {
    text-align: left;
}

.tabs.pill .tab-nav{
  padding-left: 0;
}

.tab-nav>li:not(.active) a{
  color:#ccc;
}

.pr-text a {
    color: #00a1de;
}

#primary-menu ul { /* this targets all sub menus */
    display: none; /* hide all sub menus from view */
    position: absolute;
    background: #333333;
    top: 100%; /* this should be the same height as the top level menu -- height + padding + borders */
}

#primary-menu ul li { /* this targets all submenu items */
    float: none; /* overwriting our float up above */
    width: 250px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
    display: block;
   border-bottom: 1px solid #444;
}

#primary-menu li:hover > ul {
    margin-top: -17px !important;
    background: #5F5F5F !important;
}

#primary-menu ul li:hover{
  background: #444;
}

#primary-menu ul li a { /* target all sub menu item links */
    color: #fff; /* give our sub menu links a nice button feel */
}

#primary-menu li:hover > ul {
    display: block; /* show sub menus when hovering over a parent */
}

#primary-menu ul li ul {
    /* target all second, third, and deeper level sub menus */
    left: 150px; /* this needs to match the sub menu width set above -- width + padding + borders */
    top: 0; /* this ensures the sub menu starts in line with its parent item */
}

.signup-label {
    color: #fff;
}

/**
* --------------------------------------------------------------------------------------------------------------
* 3. Module Specific Styles
* --------------------------------------------------------------------------------------------------------------
*/
.sidebar {
  border: 1px solid #000000;
  padding: 1em; }

.sidebar li a {
  color: #000000;
  font-size: 14px; }

ul.mtree li.mtree-node {
  position: relative; }

ul.mtree li.mtree-node > a:before {
  color: #29abe2;
  font-weight: normal;
  position: absolute;
  right: 5px; }

ul.mtree li.mtree-open > a:before {
  content: '-'; }

ul.mtree li.mtree-closed > a:before {
  content: '+'; }

ul.mtree-level-1 {
  margin: 0; }
  ul.mtree-level-1 li {
    background-color: #ffffff;
    transition: all 0.4s ease; }
    ul.mtree-level-1 li:hover {
      background-color: #f7f7f7; }
      ul.mtree-level-1 li:hover > a {
        color: #000000; }
    ul.mtree-level-1 li a {
      color: #afafaf;
      padding-left: 0.8em;
      font-size: 14px; }

.ui-accordion-header:after {
  content: '-';
  float: right;
}

.ui-accordion-header:after {
  content: '-';
  float: right;
}
.ui-accordion-header-active:after {
  content: '+' !important;
  float: right;
}

.sidebarfixed {
  position: fixed;
  width: 220px;
}

.sf-menu-sub {
  display: none;
}

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

.videoborder {
    border: 1px solid #ccc;
    padding: 0.2em;
    border-radius: 3px;
    background-color: rgb(247, 247, 247);
}


/* Preload images */
body:after {
  content: url(img/close.png) url(img/loading.gif) url(img/prev.png) url(img/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}




/**
* --------------------------------------------------------------------------------------------------------------
* 4. State Specific Styles
* --------------------------------------------------------------------------------------------------------------
*/
@media only screen and (max-width: 767px) {
  header.navbar ul li > a {
    background-color: #000000;
    color: #ffffff; }

  .gumby-no-touch .navbar ul li:hover > a, .gumby-touch .navbar ul li.active > a {
    background: #323232; }

  .list-item li {
    text-align: center; }

  footer ul li {
    display: block; }

  .work-section p {
    margin: 0.5em 1em; }

  .subcontent .nine ul li {
    text-align: left; }
.sidebarfixed {
position: inherit !important;
}
.navFix {
  display: table !important;
}

    .videoborder {
        width:100%;
    }


  }



.page-content .entry-content ul {
    list-style: inherit !important;
}

.page-content p {
    text-align: left;
}
.page-content #appconfiguration {
    text-align: left;
}
.page-content h5 {
    text-align: left;
}
.page-content .columns ul {
    text-align: left;
    margin-left: 20px;
    list-style: inherit;
}
.page-content .columns ol {
    text-align: left;
    margin-left: 20px;
}
.navbar .logo {
    margin: 10px 2.12766% 0 0 !important;
}

.navbar .logo a {
    overflow: inherit !important;
}
.navbar .logo a img {
    margin-top: 11px !important;
}
.navbar ul {
    margin: 6px 0 0 0 !important;
}

.error-404 label {
    width: 200px;
    display: inline;
}

@media only screen and (max-width: 767px) {
  .navbar ul {
    position: absolute !important;
    top: 80px !important;
  }
  . navMobile .menu-mobile-menu-container {
    display: none;
  }
}

@media all and (max-width: 3000px) {
  .mynav {
    display: none !important;
  }
}
@media all and (max-width: 767px) {

  .mynav {
    display: block !important;
  }
}

.company-header {
    height: 100px;
}

.page-template-join-ace table thead {
    background-color: #333333;
    color: #fff;
}