@charset "UTF-8";
/*USA GO STYLES*/
a.btn, a.btn:hover, a.btn:link, a.btn:visited {
  color: #333333;
}
#synappx-go h1, #synappx-go h2, #synappx-go h3, #synappx-go h4 {
  padding: 0;
  margin: 0;
}
.row {
  margin: auto; /* this fixes horizontal scrolling*/
}
#synappx-go h2 {
/*  font-size: 30px;*/
}
.btn {
  margin-top: 10px;
}
.grey-text {
  color: gray;
}
.teal-text {
  color: #0b7c8b;
}
.lb-bg {
  background: #ddf5f8;
  border-top: 1px solid #0b7c8b;
  border-bottom: 1px solid #0b7c8b;
}

.lg-bg {
  background: #f5f8f5;
 /* border-top: 1px solid #0b7c8b;*/
  border-bottom: 1px solid #0b7c8b;
}

/*-------bullet styles-------*/
.bullet {
  width: 15px;
  height: 15px;
  background: #1ea9bb;
  border-radius: 50%;
  display: block;
}
#synappx-go .bullet-contents {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
#synappx-go .bullet-line {
  width: 15px;
}
#synappx-go .bullet-line hr {
  border-top: 2px solid #0b7c8b;
}
#synappx-go .bullet-wrapper .bullets {
  display: flex;
}
#synappx-go .bullet-text {
  border: 2px solid #0b7c8b;
  padding: 8px;
  margin-bottom: 8px;
  border-radius: 10px;
  width: 100%;
  margin-top: 8px;
  background-color: #ffffff;
}
#synappx-go .bullets p {
  margin: 0;
  padding-bottom: 5px;
}
#synappx-go .bullet-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
/*--------------end bullet styles----------------*/
.sub-sec {
  padding-top: 15px;
  padding-bottom: 15px
}
#synappx-go .synappx-go-icon {
  max-width: 100px;
}
#synappx-go #hero-banner {
  /*    padding-top: 100px;*/
  padding-bottom: 0;
  background-image: url(/portals/0/assets/images/synappx_hero.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  height: 125px;
}
#synappx-go #hero-banner h1 {
  font-weight: 800;
    font-size: 29px;
  margin-top: 30px;
}
#synappx-go #synappx-sub-heading {
  background: #0b7c8b;
  color: #fff;
  padding-top: 15px;
  display: flex;
  flex-direction: column;
}
#synappx-go #synappx-sub-heading h2 {
/*  color: #ffffff;
  font-size: 20px;*/
  line-height: 24px;
}

#synappx-go #synappx-sub-heading .h2 {
 font-size: 20px;
}
#synappx-go #synappx-sub-heading a, #synappx-go #synappx-sub-heading a:link, #synappx-go #synappx-sub-heading a:visited, #synappx-go #synappx-sub-heading a:hover, #synappx-go #synappx-sub-heading a:active {
  color: #FFFFFF;
  display: block;
  text-decoration: none;
}

#synappx-go .btn-tertiary, a.btn-tertiary {
    border: #ffffff thin solid;
}

#synappx-go #synappx-sub-heading a.btn-tertiary:hover, #synappx-go #synappx-sub-heading a.btn-tertiary:focus, #synappx-go #synappx-sub-heading a.btn-tertiary:active {
    border-color: #012632 #012632 #26969c;
    background-color: #29607A;
    color: #fff;
  border: #ffffff thin solid;
}

#synappx-go #synappx-sub-heading H2, #synappx-go #synappx-sub-heading .h2 {
    color: #ffffff;
   /* font-size: 20px;*/
    line-height: 27px;
	}
#synappx-go #synappx-sub-heading a:hover {
  background-color: #0B7C8B;
}
#synappx-go #synappx-sub-heading a.btn-lg {
  border-radius: 0;
}
#synappx-go #synappx-sub-heading #top_links_wrapper {
  background: rgba(0, 0, 0, 0.8);
  margin-top: 15px;
}
#synappx-go #synappx-sub-heading #top_links_wrapper ul {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  margin: 0;
}
#synappx-go #synappx-sub-heading #top_links_wrapper ul li {
  list-style-type: none;
  border-bottom: 1px solid #eeeeee;
}
/*OVERVIEW STYLES*/
#synappx-go .overview {
  padding: 30px 0;
}
#synappx-go .overview h2 {
/*  text-align: center;*/
}
#synappx-go .overview .row {
  /*	display: flex;*/
  flex-direction: column-reverse;
}
#synappx-go .overview .image {
  display: flex;
  align-items: flex-end;
}
/*--------section 2 Personal styles-------- */
#synappx-go .personal, #synappx-go .check-in, #synappx-go .collaboration, #synappx-go .simplify, #synappx-go .admin-portal, #synappx-go .security, #synappx-go .downloads {
  padding: 50px 0;
}
#synappx-go .personal h2 {
/*  font-size: 30px;*/
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.2em;
}
#synappx-go .personal p.text {
  line-height: 2em;
  font-size: 16px;
}
#synappx-go .personal .items, #synappx-go .personal .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#synappx-go .thumb-style {
   border: 1px solid #8b8889;
 /* border: 1px solid #1EA9BB;*/
  border-radius: 4px;
  max-height: 150px;
}
/*--------section 2-a check in styles-------- */
#synappx-go .check-in h2 {
/*  font-size: 30px;*/
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.2em;
}
/*--------section 3 Collaboration styles-------- */
#synappx-go .collaboration {
  padding: 30px 0;
}
#synappx-go .collaboration h2 {
/*  font-size: 30px;*/
  margin-bottom: 10px;
}
#synappx-go .collaboration .items {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
}
#synappx-go .collaboration img {
  text-align: center;
}
/*--------section 4 Simplify styles-------- */
#synappx-go .simplify h2 {
/*  font-size: 30px;*/
  margin-bottom: 10px;
  line-height: 1.2em;
}
#synappx-go .simplify p.text {
  line-height: 2em;
  font-size: 16px;
}
/*--------section 5 Admin Portal styles-------- */
#synappx-go .admin-portal h2 {
/*  font-size: 30px;*/
  margin-bottom: 10px;
  line-height: 1.2em;
}
#synappx-go .admin-portal p.text {
  line-height: 2em;
  font-size: 16px;
}
#synappx-go .admin-portal .items {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
/*--------section 6 Security styles-------- */
#synappx-go .security h2 {
  line-height: 1.2em;
}
#synappx-go footer {
  padding-top: 20px;
/*  padding-bottom: 40px;*/
  background: lightgray;
}
/*--------section 7 Downloads styles-------- */
#synappx-go .downloads h2 {
  margin-bottom: 20px;
}
.downloads .items {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  height: 350px;
}
.downloads .items .apps {
  text-align: center;
}
.downloads .items .apps-wrapper, .downloads .items .docs-wrapper {
  display: flex;
  justify-content: space-evenly;
  /*  width: 350px;*/
}
#synappx-go footer .items {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

footer #synappx-logo img {
  max-width: 200px;
}
#synappx-go footer .items .support {
  border-top: 1px solid #000000;
  margin-top: 15px;
  padding-top: 10px;
}
#synappx-go footer .items .support-btns {
  display: flex;
  flex-wrap: wrap;
}
#synappx-go footer .items .support-btns div {
  margin-right: 10px;
}

#request {
    background-color: #e6e6e6;
 padding: 25px;;
}
#request iframe {
 height: 1045px;
}
@media handheld, only screen and (min-width:500px) {
  #synappx-go #hero-banner h1 {
    font-weight: 800;
    margin-top: 40px;
  }
  
      #synappx-go #hero-banner h1 {
    font-size: 34px;
  }
}
@media handheld, only screen and (min-width:768px) {
  #synappx-go #synappx-go-image {
    margin-top: 0px;
  }
  #synappx-go #hero-banner {
    height: 150px;
  }

  #synappx-go #synappx-sub-heading h2 {
    line-height: 27px;
  }
  #synappx-go #synappx-sub-heading #top_links_wrapper ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
  #synappx-go #synappx-sub-heading #top_links_wrapper ul li {
    width: 47%;
    text-align: center;
    border: 1px solid #8e8e8e;
    margin: 5px;
    /*		border-radius: 8px;*/
  }
  #synappx-go #synappx-sub-heading a, #synappx-go #synappx-sub-heading a:link, #synappx-go #synappx-sub-heading a:visited, #synappx-go #synappx-sub-heading a:hover, #synappx-go #synappx-sub-heading a:active {
    margin: 0;
  }
  #synappx-go .overview .row, #synappx-go .personal .items, #synappx-go .personal .icon, #synappx-go .admin-portal .items, .downloads .items, #synappx-go footer .items {
    flex-direction: row;
  }
  #synappx-go .collaboration .items {
    flex-direction: row-reverse;
  }
  

  
  .downloads .items {
    height: auto;
  }
  .downloads .items .apps-wrapper, .downloads .items .docs-wrapper {
    width: 350px;
  }
  /*    #synappx-go footer .items {flex-wrap: wrap;}*/
  #synappx-go footer .items .support {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
    border-left: 1px solid #000000;
  }
  
    footer #synappx-logo {
    margin-top: 26px;
    padding-right: 30px;
    text-align: right;
  }
  
    footer .col-sm-8 {
    padding-left: 30px;
    border-left: 1px solid #333333;
  }
}
@media handheld, only screen and (min-width:992px) {
    #synappx-go #hero-banner h1 {
    font-size: 60px;
  }
  
    #request iframe {
 height: 1025px;
}
  
}
@media handheld, only screen and (min-width:1005px) {
  #synappx-go #synappx-sub-heading #top_links_wrapper ul li {
    width: auto;
    border-top: 0px;
    border-bottom: 0px;
    border-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
  }
  #synappx-go #synappx-sub-heading #top_links_wrapper ul {
    justify-content: center;
  }
  #synappx-go #synappx-sub-heading .btn {
    font-size: 15px;
  }
  #synappx-go #synappx-sub-heading a:hover {
    background-color: transparent;
    color: #1EA9BB;
  }
  #synappx-go #synappx-sub-heading #top_links_wrapper ul li:last-child {
    border-right: none;
  }
}
@media handheld, only screen and (min-width:1200px) {
  /*
	#synappx-go #sec-03 .bullets #sec-03-bull-03 {
		top: 10px;
	}
*/
}
@media handheld, only screen and (min-width:1366px) {}