@charset "UTF-8";
a.btn, a.btn:hover, a.btn:link, a.btn:visited {
  color: #333333;
}
.btn {
  margin-top: 10px;
}
.teal-text {
  color: #087584;
}
.lb-bg {
  background: #ddf5f8;
  border-top: 1px solid #0b7c8b;
  border-bottom: 1px solid #0b7c8b;
  padding: 25px 0px 25px 0px;
}

.lg-bg {
  background: #f5f8f5;
  border-top: 1px solid #0b7c8b;
  border-bottom: 1px solid #0b7c8b;
  padding: 35px 0px 25px 0px;
}

.white-bg {
  background: #ffffff;
 /* border-top: 1px solid #0b7c8b;
  border-bottom: 1px solid #0b7c8b;*/
  padding: 35px 0px 25px 0px;
}

/*FEATURES*/

#features .featureBtns, #features2 .featureBtns {
	display: flex;
}
#features .nav-tabs, #features2 .nav-tabs {
  margin: 0px auto 20px;
  text-align: center;
	border: none;
}
#features .nav-tabs > li > a, #features2 .nav-tabs > li > a {
  background: none;
  border: none;
  padding: 10px 15px;
	margin: 0;
	color: #000000;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
#features .nav-tabs li.active > a, #features .nav-tabs li > a:hover, #features2 .nav-tabs li.active > a, #features2 .nav-tabs li > a:hover{
 border-bottom: 2px solid #157C8A;
  background-color: transparent;
}
#features .nav-tabs li.active > a, #features2 .nav-tabs li.active > a {
	font-weight: bold;
}

#features .meetings {
/*display: flex;*/
  margin-top: 20px;
/*  flex-direction: column;*/
}

#features .meetings .card {
/*
margin: 20px;
min-height: 586px;
max-width: 500px;
*/
}
#features .meetings .card.transparent {background-color: transparent; border: 0;}
#features .meetings .card-header {
padding: 0px;
}
@media handheld, only screen and (max-width:768px) {
	#features .meetings .card {max-width: 535px; margin: 0 auto;}
	
}
#features .meetings .card-header img {
/*border-radius: 4px;*/
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

#features .description {
  border-top: 3px solid #0E606A;
 font-size: 15px;
  line-height: 1.5em;
	padding-top: 8px;
}
@media handheld, only screen and (min-width:768px) {
	#features .description {
		border-left: 3px solid #0E606A;
	border-top: none;
		padding-top: 0;
	}
}


#features .blue-header {
 background: #ddf5f8;
   text-align: center;
   font-weight: bold;
}
#features .card-header.laptop-headers {max-height: 300px; padding: 15px;}
@media handheld, only screen and (min-width:1024px) {
	#features .card-header.laptop-headers {height: 209px; }
}
@media handheld, only screen and (min-width:1200px) {#features .card-header.laptop-headers {height: 259px; }}
@media handheld, only screen and (max-width:768px) {
	#during .laptop img {
	max-height: 270px
/* position: absolute;*/
/* z-index: 100;*/
/* right: 20px;*/
/* top: 13px;*/
}
	
}



/*#features  .card-header .image-float {
 position: absolute;
 right: 20px;
 top: 13px;
}*/

#features .gray-header {
 background: #E6E4E4;
 text-align: center;
    font-weight: bold;
}


#features .card-header {
  text-align: center;
  font-weight: bold;
}



/*
#features h1 {
	text-align: center;
	color: #ffffff;
	text-shadow: 2px 2px #333;
	font-size: 50px;
}
*/
#features .tab-content, #features2 .tab-content {border: 0 solid #d9d9d9; padding: 0;}
#features h2, #features2 h2 {

	color: #000000;
/*	text-shadow: 2px 2px #333;
*/
	text-align: center;
	margin-top: 0px;
	padding-top: 20px;
}
#synappx-collaboration #features .meetings h3 {
	color: #000000;
	font-size: 16px;
	line-height: 1.1em;
	font-weight: bold;
  text-align: center;
}
#features h4, #features2 h4 {
/*	color: #a2defc;*/
	font-size: 16px;
	line-height: 1.2em;
}
#features p, #features2 p {
	/*text-shadow: 1px 2px #333;*/
	color: #000000;
/*	font-size: 16px;*/
}

#features ul li, #features2 ul li {
	/*text-shadow: 1px 2px #333;*/
/*	color: #ffffff;*/
}
#features .page_content, #features2 .page_content {
	top: 0px;
/*	padding: 20px 0px 25px 0px;*/
}

#features_links_container, #features2_links_container {
	font-size: 24px;
	width: 100%;
	background-color: #FFF;
	height: 100px;
	padding: 5px;
	position: relative;
	z-index: 6;
	bottom: 100px;
}

#features .meeting-subs img {
margin-top: 45px;
}

#synappx-collaboration .videos p {
margin-top: 15px;
}

#how-it-works {
padding: 35px 0px 35px 0px;
}

#synappx-collaboration #launcher-ui img {
max-width: 50%;
}
     
.bullet-wrapper {
  margin-top: 15px;
}
.bullets {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 12px;
}
.bullet-innerwrapper {
  display: flex;
/*  justify-content: flex-start;*/
  align-items: flex-start;
}
.bullet {
  /*
	top: 25px;
	border-top: solid 2px #0b7c8b;
	position: relative;
*/
  width: 15px;
  background-color: #0b7c8b;
  height: 2px;
}
.bullet-image {
  width: 9px;
  height: 9px;
  background: #1ea9bb;
  border-radius: 50%;
  margin: 5px 8px 0px 0px;

  /*
	display: block;
	position: absolute;
	top: -9px;
	left: -15px;
*/
}
.bullet-text {
  padding: 10px;
  margin: 0;
  border: 2px solid #1ea9bb;
  border-radius: 8px;
  width: 85%;
  background-color: #ffffff;
}
#synappx-collaboration section {
  padding: 35px 0;
}
.sub-sec {
  padding-top: 15px;
  padding-bottom: 15px
}
.row {
  margin-left: 0px;
  margin-right: 0px;
}
#synappx-collaboration h2 {
/*  font-size: 24px;*/
  line-height: 1.2em;
  margin-top: 0;
}

#synappx-collaboration h3 {
font-size: 20px;
line-height: 1.5em;
letter-spacing: 0;
font-weight: 400;
} 

#synappx-collaboration .synappx-meeting-icon {
  max-width: 100px;
}
#synappx-collaboration #hero-banner {
  padding-top: 20px;
  padding-bottom: 20px;
  background-image: url(/portals/0/assets/images/synappx_hero.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
#synappx-collaboration #hero-banner h1 {
  font-weight: 800;
  line-height: 1.2em;
  /*	font-size: 48px;*/
}
#synappx-collaboration #overview {
/*  padding-bottom: 0px;*/
}
#synappx-collaboration .thumb-style {
 border: 1px solid #8b8889;
/*  border: 1px solid #1EA9BB;*/
  border-radius: 4px;
  max-height: 150px;
}
#synappx-collaboration section#synappx-sub-heading {
  background: #0b7c8b;
  color: #fff;
  padding-top: 15px;
  display: flex;
  flex-direction: column;
  /*	margin-bottom: 20px;*/
  padding-bottom: 0;
}
#synappx-collaboration #synappx-sub-heading H2, #synappx-collaboration #synappx-sub-heading .h2 {
  color: #ffffff;
  font-size: 20px;
margin: 0 auto;
/*  width: 80%;*/
}
#synappx-collaboration #synappx-sub-heading H2 strong {
  font-family: 'Montserrat', arial, sans-serif;
}
#synappx-collaboration #synappx-sub-heading a, #synappx-collaboration #synappx-sub-heading a:link, #synappx-collaboration #synappx-sub-heading a:visited, #synappx-collaboration #synappx-sub-heading a:hover, #synappx-collaboration #synappx-sub-heading a:active {
  color: #FFFFFF;
  display: block;
  text-decoration: none;
}

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

#synappx-collaboration #synappx-sub-heading a.btn-tertiary:hover, #synappx-collaboration #synappx-sub-heading a.btn-tertiary:focus, #synappx-collaboration #synappx-sub-heading a.btn-tertiary:active {
    border-color: #012632 #012632 #26969c;
    background-color: #29607A;
    color: #fff;
    border: #ffffff thin solid;
}
#synappx-collaboration #synappx-sub-heading a:hover {
  background-color: #0B7C8B;
}
#synappx-collaboration #synappx-sub-heading a.btn-lg {
  border-radius: 0;
}
#synappx-collaboration #synappx-sub-heading #top_links_wrapper {
  background: rgba(0, 0, 0, 0.8);
  margin-top: 15px;
}
#synappx-collaboration #synappx-sub-heading #top_links_wrapper ul {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  margin: 0;
}
#synappx-collaboration #synappx-sub-heading #top_links_wrapper ul li {
  list-style-type: none;
  border-bottom: 1px solid #eeeeee;
}
#synappx-collaboration p.text {
  line-height: 2em;
  font-size: 16px;
}

#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-collaboration #admin-portal .items {
  display: flex;
  justify-content: center;
  align-items: center;
}
#synappx-collaboration #overview.synappx-meeting-icon {
  margin-top: 25px;
}
#synappx-collaboration #overview.bullets, #synappx-collaboration #start-meetings .bullets {
  position: relative;
}
#synappx-collaboration #synappx-applications .sub-sec p.teal-text {
  font-family: 'Montserrat', arial, sans-serif;
  font-size: 15px;
  padding-top: 10px;
  font-weight: bold;
	line-height: 1.2em;
}

#synappx-collaboration .bullets-wrapper { margin-top: 25px;}

#synappx-collaboration #synappx-applications .table-responsive  {
background-color: #ffffff;
}
/*#synappx-collaboration #synappx-applications .table-responsive .collaboration {
border: solid thin #F5EDEE
}*/

#synappx-collaboration #synappx-applications table.collaboration tbody > tr > td {
vertical-align: middle;
text-align: center;
border: solid thin #F5EDEE;
}

#synappx-collaboration #synappx-applications .table-responsive .collaboration .dker-cells {
background-color: #187b88;
vertical-align: middle;
text-align: center;
color: #ffffff;
}

#synappx-collaboration #synappx-applications .table-responsive .collaboration .grayBackground {
background-color: #ededed;
}
/*
#synappx-collaboration #start-meetings #sec-03b {
	margin-top: 20px;
}
*/
#synappx-collaboration #end-meeting .items {display: flex; flex-direction: column;}
#synappx-collaboration #end-meeting #broom img {
  max-width: 100px;
}

#synappx-collaboration #admin-portal #cloud-manage img {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
#synappx-collaboration #security .items {
  display: flex;
  justify-content: center;
  align-items: center;
}
#synappx-collaboration #security #check-shild img {
  max-width: 175px;
}
#synappx-collaboration #where-to-download .col-xs-4 {
  padding-left: 2px;
  padding-right: 2px;
}
.store-links {
  text-align: center;
}
#synappx-collaboration footer {
  padding-top: 20px;
/*  padding-bottom: 40px;*/
  background: lightgray;
}
footer #synappx-logo {
  text-align: center;
}
footer #synappx-logo img {
  max-width: 200px;
}
footer .col-xs-6 {
  padding-left: 0px;
}

#request {
    background-color: #e6e6e6;
 padding: 25px;;
}
#request iframe {
 height: 1045px;
}

#synappx-collaboration  #downloads .docs .docs-wrapper {
	display: flex;
	justify-content: space-evenly;
}

#synappx-collaboration .icon {
display: none;
}

#synappx-collaboration #meetings .meeting-subs {
 margin-bottom: 45px;
}


#synappx-collaboration .videos img {
  width: 80%;
}

@media handheld, only screen and (min-width:768px) {
  #synappx-collaboration #hero-banner h1 {
    font-size: 48px;
  }
  
  #synappx-collaboration  #downloads .docs-wrapper {
		width: 65%;
		margin: 0 auto;
	}


	
/*	#synappx-collaboration h2 { font-size: 30px;}*/
	
  #synappx-collaboration #synappx-sub-heading #top_links_wrapper ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
  #synappx-collaboration #synappx-sub-heading #top_links_wrapper ul li {
    width: 47%;
    text-align: center;
    border: 1px solid #8e8e8e;
    margin: 5px;
    /*		border-radius: 8px;*/
  }
  #synappx-collaboration #synappx-sub-heading a, #synappx-collaboration #synappx-sub-heading a:link, #synappx-collaboration #synappx-sub-heading a:visited, #synappx-collaboration #synappx-sub-heading a:hover, #synappx-collaboration #synappx-sub-heading a:active {
    margin: 0;
  }
  #synappx-collaboration .overview .row, #synappx-collaboration .personal .items, #synappx-collaboration .personal .icon, #synappx-collaboration .collaboration .items, #synappx-collaboration #admin-portal .items, #downloads .items, #synappx-collaboration footer .items {
    flex-direction: row;
  }
  #synappx-collaboration #overview.bullets .bullet {
    top: 20px;
  }
  #synappx-collaboration #synappx-applications {
    padding-bottom: 50px;
  }
#synappx-collaboration #synappx-applications .sub-sec p.teal-text {
  font-size: 18px;
}
  #synappx-collaboration #start-meetings .synappx-meeting-icon {
    margin-top: 55px;
  }
  
#synappx-collaboration #end-meeting .items { flex-direction: row; align-items: center;}

 #synappx-collaboration .overview .row, #synappx-collaboration .personal .items, #synappx-collaboration .personal .icon, #synappx-collaboration .admin-portal .items, .downloads .items, #synappx-collaboration footer .items {
    flex-direction: row;
  }
 #synappx-collaboration .collaboration .items {
    flex-direction: row-reverse;
  }
 #downloads .items {
    height: auto;
  }
 #downloads .items .apps-wrapper, #downloads .items .docs-wrapper {
    width: 350px;
  }

  footer #synappx-logo {
    margin-top: 26px;
    padding-right: 30px;
    text-align: right;
  }
  footer .col-sm-8 {
    padding-left: 30px;
    border-left: 1px solid #333333;
  }
  
  .arrow-right {
    background-image: url(/portals/0/assets/images/arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 2px 55px;

}
@media handheld, only screen and (min-width:992px) {
/*
  #synappx-collaboration #overview.col-sm-6:first-child {
    margin-top: 30px;
  }

  #synappx-collaboration #synappx-collaboration-image {
    margin-top: 84px;
  }
*/
  
    
  #request iframe {
 height: 1025px;
}
  
  #synappx-collaboration .icon {
margin-top: 100px;
display: block;
}
  
  #synappx-collaboration #synappx-sub-heading H2, #synappx-collaboration #synappx-sub-heading .h2 {
  width: 80%;
}
  
#synappx-collaboration .videos img {
  width: 430px;
}

.arrow-right {
    background-image: url(/portals/0/assets/images/arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 4px 70px;
}
  
  #features .meetings {
flex-direction: row;
}

  

}
@media handheld, only screen and (min-width:1005px) {
  #synappx-collaboration #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-collaboration #synappx-sub-heading #top_links_wrapper ul {
    justify-content: center;
  }
  #synappx-collaboration #synappx-sub-heading .btn {
    font-size: 15px;
  }
  #synappx-collaboration #synappx-sub-heading a:hover {
    background-color: transparent;
    color: #1EA9BB;
  }
  #synappx-collaboration #synappx-sub-heading #top_links_wrapper ul li:last-child {
    border-right: none;
  }
}
@media handheld, only screen and (min-width:1200px) {
  /*
	#synappx-collaboration #start-meetings .bullets #sec-03-bull-03 {
		top: 10px;
	}
*/
  #synappx-collaboration #synappx-collaboration-image {
    margin-top: 6px;
  }
}
@media handheld, only screen and (min-width:1366px) {}
}