@keyframes tail {
  0% {
    height: 0;
    opacity: 0;
  }
  30% {
    height: 16vw;
    opacity: 1;
  }
  100% {
    height: 10vw;
    opacity: 0;
  }
}
@keyframes shooting {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(16vw);
  }
}
@keyframes shining {
  0% {
    opacity: 0;
    box-shadow: 0 0 0.5vw rgba(255, 255, 255, 0.1);
    transform: scale(0.01);
  }
  30% {
    opacity: 1;
    box-shadow: 0 0 0.5vw white;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    box-shadow: 0 0 0.5vw rgba(255, 255, 255, 0.1);
    transform: scale(0.01);
  }
}

section * {
  box-sizing: border-box;
  font-family: galano_grotesqueregular, Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.3em;
}

@media screen and (min-width: 1200px) {
  html body p {
    font-size: 20px;
  }
}
html body {
  color: #1c1c1c;
}
html body .banner {
  overflow: hidden;
}
html body .banner .mobile-banner {
  background-image: url("/library/assets/products/astra/banner_Astra_640x500.jpg");
  background-size: cover;
  height: 78vw;
  background-position: center;
}
@media screen and (min-width: 768px) {
  html body .banner .mobile-banner {
    display: none;
  }
}
html body .banner .desktop-banner {
  display: none;
  height: 35vw;
  background-image: url("/library/assets/products/astra/banner_Astra_1920x800.jpg");
  background-size: cover;
  position: relative;
}
html body .banner .desktop-banner .star-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  transform: rotate(180deg);
  position: absolute;
  left: 0;
  top: 0;
}
html body .banner .desktop-banner .star-wrap .shooting-star {
  position: absolute;
  width: 0.2vw;
  background: linear-gradient(to bottom, rgba(0, 187, 0, 0) 0%, rgba(100, 198, 103, 0.3) 50%, rgba(255, 255, 255, 0.8) 100%);
  border-radius: 999px;
  animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
}
html body .banner .desktop-banner .star-wrap .shooting-star:after {
  content: "";
  position: absolute;
  background-color: white;
  width: 0.8vw;
  height: 0.8vw;
  border-radius: 50%;
  bottom: -0.4vw;
  left: calc(50% - 0.4vw);
  transform: scale(0);
  animation: shining 3000ms ease-in-out infinite;
}
html body .banner .desktop-banner .star-wrap .shooting-star:nth-child(1) {
  top: calc(7vw - 10vw);
  left: calc(78vw);
  animation-delay: 641ms;
}
html body .banner .desktop-banner .star-wrap .shooting-star:nth-child(1):after {
  animation-delay: 641ms;
}
html body .banner .desktop-banner .star-wrap .shooting-star:nth-child(2) {
  top: calc(4vw - 10vw);
  left: calc(17vw);
  animation-delay: 382ms;
}
html body .banner .desktop-banner .star-wrap .shooting-star:nth-child(2):after {
  animation-delay: 382ms;
}
html body .banner .desktop-banner .star-wrap .shooting-star:nth-child(3) {
  top: calc(14vw - 10vw);
  left: calc(96vw);
  animation-delay: 2440ms;
}
html body .banner .desktop-banner .star-wrap .shooting-star:nth-child(3):after {
  animation-delay: 2440ms;
}
html body .banner .desktop-banner .star-wrap .shooting-star:nth-child(4) {
  top: calc(3vw - 10vw);
  left: calc(55vw);
  animation-delay: 2928ms;
}
html body .banner .desktop-banner .star-wrap .shooting-star:nth-child(4):after {
  animation-delay: 2928ms;
}
html body .banner .desktop-banner .star-wrap .shooting-star:nth-child(5) {
  top: calc(20vw - 10vw);
  left: calc(22vw);
  animation-delay: 1683ms;
}
html body .banner .desktop-banner .star-wrap .shooting-star:nth-child(5):after {
  animation-delay: 1683ms;
}
html body .banner .desktop-banner .star-wrap .shooting-star:nth-child(6) {
  top: calc(13vw - 10vw);
  left: calc(54vw);
  animation-delay: 1672ms;
}
html body .banner .desktop-banner .star-wrap .shooting-star:nth-child(6):after {
  animation-delay: 1672ms;
}
html body .banner .desktop-banner .star-wrap .shooting-star:nth-child(7) {
  top: calc(18vw - 10vw);
  left: calc(9vw);
  animation-delay: 188ms;
}
html body .banner .desktop-banner .star-wrap .shooting-star:nth-child(7):after {
  animation-delay: 188ms;
}
html body .banner .desktop-banner .star-wrap .shooting-star:nth-child(8) {
  top: calc(3vw - 10vw);
  left: calc(94vw);
  animation-delay: 1648ms;
}
html body .banner .desktop-banner .star-wrap .shooting-star:nth-child(8):after {
  animation-delay: 1648ms;
}
html body .banner .desktop-banner .star-wrap .shooting-star:nth-child(9) {
  top: calc(14vw - 10vw);
  left: calc(100vw);
  animation-delay: 429ms;
}
html body .banner .desktop-banner .star-wrap .shooting-star:nth-child(9):after {
  animation-delay: 429ms;
}
html body .banner .desktop-banner .star-wrap .shooting-star:nth-child(10) {
  top: calc(9vw - 10vw);
  left: calc(50vw);
  animation-delay: 2299ms;
}
html body .banner .desktop-banner .star-wrap .shooting-star:nth-child(10):after {
  animation-delay: 2299ms;
}
html body .banner .desktop-banner .frame {
  width: 80%;
  height: 100%;
  margin: auto;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
html body .banner .desktop-banner .frame .content-wrap {
  text-align: center;
  width: 35%;
}
html body .banner .desktop-banner .frame .content-wrap .title {
  color: white;
  font-family: galano_grotesquesemibold, Helvetica, Arial, sans-serif;
  font-size: 2.9vw;
  text-shadow: 0 0 6px #000000;
  margin-top: 1vw;
}
html body .banner .desktop-banner .frame .content-wrap .sub-title {
  color: white;
  font-size: 2vw;
  text-shadow: 0 0 6px #000000;
  margin-top: 1vw;
  line-height: 1.1em;
}
html body .banner .desktop-banner .frame .content-wrap .icon-shield {
  width: 9vw;
}
@media screen and (min-width: 768px) {
  html body .banner .desktop-banner {
    display: block;
  }
}
html body .vanishing {
  background-image: url("/library/assets/products/astra/bg_overview.jpg");
  background-size: cover;
  background-position: center;
  height: 100vw;
}
html body .vanishing .frame {
  width: 90%;
  margin: auto;
  max-width: 1460px;
  padding-top: 30px;
}
html body .vanishing .frame .content-wrap .title {
  line-height: 1.2em;
  padding-bottom: 20px;
}
html body .vanishing .frame .content-wrap p {
  margin-top: 10px;
}
@media screen and (min-width: 1200px) {
  html body .vanishing .frame .content-wrap p {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1400px) {
  html body .vanishing .frame .content-wrap p {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  html body .vanishing .frame .content-wrap {
    width: 60%;
  }
}
@media screen and (min-width: 768px) and (min-width: 992px) {
  html body .vanishing .frame .content-wrap {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  html body .vanishing .frame {
    height: 100%;
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  html body .vanishing {
    height: 50vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 992px) {
  html body .vanishing {
    height: 40vw;
    padding: 2vw 0;
  }
}

@media screen and (max-width: 450px) {
.vanishingCut{
	background-color: #fff;
    opacity: 0.8;
    width: 100%;
    height: 100%;
}
}

html body .best-practice {
  padding: 20px 0;
  background-color: #f7f7f7;
  text-align: center;
}
html body .best-practice .frame {
  width: 90%;
  margin: auto;
  max-width: 1324px;
}
html body .best-practice .frame .title {
  line-height: 1.2em;
}
@media screen and (min-width: 1200px) {
  html body .best-practice .frame .title {
    max-width: 970px;
    margin: auto;
  }
}
html body .best-practice .frame p {
  margin-top: 10px;
}
@media screen and (min-width: 1200px) {
  html body .best-practice .frame p {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1400px) {
  html body .best-practice .frame p {
    margin-top: 40px;
  }
}
html body .best-practice .frame .box-wrap .box {
  text-align: center;
  margin-top: 20px;
}
html body .best-practice .frame .box-wrap .box .img {
  width: 100%;
  max-width: 462px;
  height: 165px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
html body .best-practice .frame .box-wrap .box .benifit {
  font-family: galano_grotesquesemibold, Helvetica, Arial, sans-serif !important;
  font-size: 20px;
}
@media screen and (min-width: 768px) {
  html body .best-practice .frame .box-wrap .box {
    flex: 1;
    padding: 0 10px;
    border-left: 2px solid #64be00;
  }
  html body .best-practice .frame .box-wrap .box:last-child {
    border-right: 2px solid #64be00;
  }
}
@media screen and (min-width: 768px) {
  html body .best-practice .frame .box-wrap {
    display: flex;
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  html body .best-practice .frame .box-wrap {
    margin-top: 40px;
  }
}
@media screen and (min-width: 992px) {
  html body .best-practice {
    padding: 40px 0;
  }
}
@media screen and (min-width: 992px) and (min-width: 1200px) {
  html body .best-practice {
    padding: 60px 0;
  }
}
html body .astra {
  padding: 20px 0;
}
html body .astra .frame {
  width: 90%;
  margin: auto;
}
html body .astra .frame .title {
  line-height: 1.2em;
  text-align: center;
}
html body .astra .frame .title br {
  display: none;
}
@media screen and (min-width: 768px) {
  html body .astra .frame .title br {
    display: block;
  }
}
html body .astra .frame p {
  text-align: center;
  max-width: 1200px;
  margin: auto;
  margin-top: 10px;
}
@media screen and (min-width: 1200px) {
  html body .astra .frame p {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1400px) {
  html body .astra .frame p {
    margin-top: 40px;
  }
}
html body .astra .frame .ui-panel {
  background-size: cover;
  height: 38vw;
}
html body .astra .frame .ui-panel ul.selection-wrap {
  display: block;
  margin-top: 20px;
}
html body .astra .frame .ui-panel ul.selection-wrap li {
  border-bottom: 2px solid #b4b4b4;
  list-style: none;
}
html body .astra .frame .ui-panel ul.selection-wrap li:first-child {
  border-top: 2px solid #b4b4b4;
}
html body .astra .frame .ui-panel ul.selection-wrap li a {
  color: black;
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
  transition: all 0.3s ease;
}
html body .astra .frame .ui-panel ul.selection-wrap li a .text {
  padding-right: 10px;
}
html body .astra .frame .ui-panel ul.selection-wrap li a .text span {
  display: block;
}
html body .astra .frame .ui-panel ul.selection-wrap li a .text .question {
  font-family: galano_grotesquesemibold, Helvetica, Arial, sans-serif;
  font-size: 18px;
}
@media screen and (min-width: 1200px) {
  html body .astra .frame .ui-panel ul.selection-wrap li a .text .question {
    font-size: 22px;
  }
}
html body .astra .frame .ui-panel ul.selection-wrap li a .text .answer {
  display: none;
  margin-top: 10px;
}
@media screen and (min-width: 1200px) {
  html body .astra .frame .ui-panel ul.selection-wrap li a .text .answer {
    font-size: 20px;
  }
}
html body .astra .frame .ui-panel ul.selection-wrap li a .arrow {
  width: 30px;
  flex: none;
  padding-top: 3px;
}
html body .astra .frame .ui-panel ul.selection-wrap li a .arrow img {
  width: 100%;
}
html body .astra .frame .ui-panel ul.selection-wrap li a .arrow .green {
  display: block;
}
html body .astra .frame .ui-panel ul.selection-wrap li a .arrow .gray {
  display: none;
}
html body .astra .frame .ui-panel ul.selection-wrap li a:hover {
  background-color: #f2f2f2;
  text-decoration: none;
}
html body .astra .frame .ui-panel ul.selection-wrap li a:focus {
  text-decoration: none;
}
html body .astra .frame .ui-panel ul.selection-wrap li a.open .text .answer {
  display: block;
}
html body .astra .frame .ui-panel ul.selection-wrap li a.open .arrow .green {
  display: none;
}
html body .astra .frame .ui-panel ul.selection-wrap li a.open .arrow .gray {
  display: block;
}
html body .astra .frame .ui-panel ul.selection-wrap li a.open:hover {
  background: none;
}
@media screen and (min-width: 1200px) {
  html body .astra .frame .ui-panel ul.selection-wrap li a {
    padding: 10px 12px;
  }
}
@media screen and (min-width: 992px) {
  html body .astra .frame .ui-panel ul.selection-wrap {
    width: 45%;
    margin-top: 0;
  }
}
@media screen and (min-width: 992px) {
  html body .astra .frame .ui-panel {
    display: flex;
    align-items: center;
    margin-top: -3vw;
  }
  html body .astra .frame .ui-panel[data-toggle=data] {
    background-image: url("/library/assets/products/astra/Astra_app_data.jpg");
  }
  html body .astra .frame .ui-panel[data-toggle=bandwidth] {
    background-image: url("/library/assets/products/astra/Astra_app_bandwidth.jpg");
  }
  html body .astra .frame .ui-panel[data-toggle=website] {
    background-image: url("/library/assets/products/astra/Astra_app_website.jpg");
  }
  html body .astra .frame .ui-panel[data-toggle=IP] {
    background-image: url("/library/assets/products/astra/Astra_app_IP.jpg");
  }
  html body .astra .frame .ui-panel[data-toggle=two-level] {
    background-image: url("/library/assets/products/astra/Astra_app_two-level.jpg");
  }
}
@media screen and (min-width: 992px) and (min-width: 1200px) {
  html body .astra .frame .ui-panel {
    margin-top: 0;
  }
}
html body .astra .frame .mobile-panel {
  height: 68vw;
  background-image: url("/library/assets/products/astra/Astra_app_data.jpg");
  background-size: cover;
  background-position: right center;
}
html body .astra .frame .mobile-panel[data-toggle=data] {
  background-image: url("/library/assets/products/astra/Astra_app_data.jpg");
}
html body .astra .frame .mobile-panel[data-toggle=bandwidth] {
  background-image: url("/library/assets/products/astra/Astra_app_bandwidth.jpg");
}
html body .astra .frame .mobile-panel[data-toggle=website] {
  background-image: url("/library/assets/products/astra/Astra_app_website.jpg");
}
html body .astra .frame .mobile-panel[data-toggle=IP] {
  background-image: url("/library/assets/products/astra/Astra_app_IP.jpg");
}
html body .astra .frame .mobile-panel[data-toggle=two-level] {
  background-image: url("/library/assets/products/astra/Astra_app_two-level.jpg");
}
@media screen and (min-width: 992px) {
  html body .astra .frame .mobile-panel {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  html body .astra {
    padding: 40px 0;
  }
}
@media screen and (min-width: 992px) and (min-width: 1200px) {
  html body .astra {
    padding: 60px 0;
  }
}
html body .feedback {
  padding: 20px 0;
  background-color: #f7f7f7;
}
html body .feedback .frame {
  width: 90%;
  max-width: 1324px;
  margin: auto;
}
html body .feedback .frame .title {
  line-height: 1.2em;
  text-align: center;
}
html body .feedback .frame p {
  margin-top: 10px;
  text-align: center;
}
html body .feedback .frame p .forum-link {
  color: #64be00;
  text-decoration: underline;
}
html body .feedback .frame p .forum-link:hover {
  text-decoration: none;
}
@media screen and (min-width: 1200px) {
  html body .feedback .frame p {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1400px) {
  html body .feedback .frame p {
    margin-top: 40px;
  }
}
html body .feedback .frame .step-wrap {
  margin-top: 20px;
}
html body .feedback .frame .step-wrap .step {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
html body .feedback .frame .step-wrap .step .text {
  display: flex;
}
html body .feedback .frame .step-wrap .step .text .number {
  color: #888888;
  font-size: 48px;
  margin-right: 10px;
  width: 60px;
  flex: none;
}
html body .feedback .frame .step-wrap .step .text p {
  text-align: left;
}
@media screen and (min-width: 1200px) {
  html body .feedback .frame .step-wrap .step .text p {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  html body .feedback .frame .step-wrap .step .text {
    height: 130px;
  }
}
@media screen and (min-width: 768px) and (min-width: 992px) {
  html body .feedback .frame .step-wrap .step .text {
    height: 95px;
  }
}
html body .feedback .frame .step-wrap .step .img {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 10px;
}
@media screen and (min-width: 992px) {
  html body .feedback .frame .step-wrap .step .img img.icon-app {
    width: 125px;
  }
}
@media screen and (min-width: 1200px) {
  html body .feedback .frame .step-wrap .step .img {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1400px) {
  html body .feedback .frame .step-wrap .step .img {
    margin-top: 40px;
  }
}
html body .feedback .frame .step-wrap .step:first-child .img {
  display: flex;
  justify-content: center;
}
html body .feedback .frame .step-wrap .step:nth-child(2) .img img {
  transform: translateX(8px);
}
html body .feedback .frame .step-wrap .step .button-wrap {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
html body .feedback .frame .step-wrap .step .button-wrap .button {
  color: black;
  border: 2px solid black;
  display: inline-block;
  padding: 8px 15px 8px 15px;
  border-radius: 30px;
}
html body .feedback .frame .step-wrap .step .button-wrap .button:hover {
  background-color: black;
  color: white;
  text-decoration: none;
}
html body .feedback .frame .step-wrap .step .button-wrap .button:focus {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  html body .feedback .frame .step-wrap .step .button-wrap {
    margin-top: 30px;
  }
}
html body .feedback .frame .step-wrap .step .search-wrap {
  text-align: center;
  margin-top: 10px;
}
html body .feedback .frame .step-wrap .step .search-wrap .search {
  border: 2px solid black;
  display: inline-block;
  padding: 8px 25px 8px 15px;
  border-radius: 30px;
}
html body .feedback .frame .step-wrap .step .search-wrap .search * {
  display: inline-block;
}
html body .feedback .frame .step-wrap .step .search-wrap .search img {
  margin-right: 10px;
}
@media screen and (min-width: 768px) {
  html body .feedback .frame .step-wrap .step {
    flex: 1;
    padding: 0 5px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  html body .feedback .frame .step-wrap .step {
    border-right: 2px solid #64be00;
    padding: 0 10px;
  }
  html body .feedback .frame .step-wrap .step:first-child {
    border-left: 2px solid #64be00;
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) and (min-width: 1400px) {
  html body .feedback .frame .step-wrap .step {
    padding: 0 20px;
  }
}
@media screen and (min-width: 768px) {
  html body .feedback .frame .step-wrap {
    display: flex;
  }
}
@media screen and (min-width: 992px) {
  html body .feedback {
    padding: 40px 0;
  }
}
@media screen and (min-width: 992px) and (min-width: 1200px) {
  html body .feedback {
    padding: 60px 0;
  }
}


.content-wrap .button .btn-call-to-action{
	width:30%;
}

@media screen and (max-width: 1300px) {
.content-wrap .button .btn-call-to-action{
	width:auto;
}
}

/*# sourceMappingURL=style.css.map */


html body .AstraApp {
  padding: 20px 0;
  background-color: #f7f7f7;
}
html body .AstraApp .frame {
	width: 90%;
	max-width: 1324px;
	display: flex;
	margin:0 auto;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

html body .AstraApp .frame .text{
	width: 60%;
}

html body .AstraApp .frame .title {
  line-height: 1.2em;
  text-align: center;
}
html body .AstraApp .frame p {
  margin-top: 10px;
  text-align: center;
}

html body .AstraApp .frame .area {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 60px;
}

html body .AstraApp .frame .area .icon-wrap{
	width:150px;
}

html body .AstraApp .frame .search{
    border: 2px solid black;
    display: inline-block;
    padding: 8px 25px 8px 15px;
    border-radius: 30px;    
	margin-top: 15px;
}

@media screen and (min-width: 1200px) {
  html body .AstraApp .frame p {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1400px) {
  html body .AstraApp .frame p {
    margin-top: 40px;
  }
}

@media screen and (min-width: 992px) {
  html body .AstraApp {
    padding: 40px 0;
  }
}
@media screen and (min-width: 992px) and (min-width: 1200px) {
  html body .AstraApp {
    padding: 60px 0;
  }
}

@media screen and (max-width: 450px){
html body .AstraApp .frame {
    flex-direction: column;
}
html body .AstraApp .frame .text {
    width: 80%;
}
html body .AstraApp .frame .area {
    flex-direction: column;
    padding-left: 0px;
	padding-top: 15px;
}
}


.NetworkProtection{
	position:relative;
	overflow:hidden;
	height:40vw; 
	background:url('/library/assets/products/astra/why_need_endpoints.jpg'); 
	background-repeat:no-repeat;
	background-size:cover; 
	background-position:50% top;	
}

.NetworkProtection_area{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 70%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}

.NetworkProtection_area .text{
    width: 100%;
}

.NetworkProtection_area .text h2{
	padding-bottom:20px;
}

.NetworkProtection_area .features{
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
	flex-direction: row;
	width: 70%;
}

.NetworkProtection_area .features .card{
	background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #e9e7e8;
	margin: 10px;
	width: 100%;
}

.NetworkProtection_area .features .card p{
	font-weight:bold;
}

.NetworkProtection_area .features .card h6{
	font-size: 70px;
    color: #64be00;
}

.NetworkProtection_area .features .card sub{
	font-size: 20px;
}

@media screen and (max-width: 1601px){
.NetworkProtection_area {
    width: 60%;
}
.NetworkProtection_area .features{
	width: 90%;
}
}

@media screen and (max-width: 1440px){
.NetworkProtection{
	height:55vw; 
}
.NetworkProtection_area{
    width: 70%;
}
}

@media screen and (max-width: 1025px){
.NetworkProtection_area .features{
	width: 100%;
}
}

@media screen and (max-width: 991px){
.NetworkProtection {
        height: 100%;
    }
.NetworkProtection_area {
    width: 90%;
}
}

@media screen and (max-width: 450px){
.NetworkProtection {
    height: 1200px;
}
.NetworkProtection_area .text {
    width: 90%;
}
.NetworkProtection_area .features {
    flex-direction: column;
	width: 80%;
}
}

.AstraFeatures h2{
	text-align: center;
	padding-bottom: 30px;
}

.AstraFeatures .table-responsive{
	font-size: 20px;
}

.AstraFeatures .table-responsive .table .item{
	 width: 50%;
	 font-weight:bold;
}

.AstraFeatures .table-responsive .table .subitem{
	 width: 25%;
	 font-weight:bold;
}

@media screen and (max-width: 768px){
.AstraFeatures .table-responsive {
    border: none;
}
}

.ManageEndpoints{
	width:85%;
	text-align:center;
	margin:0 auto;
}

.ManageEndpoints h2{
	padding-bottom:20px;
}

.app_area{
	display:flex;
	flex-direction:column;
}	

.app_img{
	margin-top: -50px;
}

.app_text h6{
	text-indent: -12px;
    padding-left: 10px;
    padding-right: 5px;
}
.app_text ul {
	list-style: none;
    display: inline-flex;
	padding: 10px;
}

.sup_text{
	font-size:30px;
	color:#ff535f;
}

.icon_img{
	width: 40px!important;
    padding-right: 5%;
    display: inline-block;
    align-items: center;
}

.tab-content .tab_area{
	display: flex;
    flex-direction: row;
    justify-content: center;
}

.tab-content .tab_area .text{
	width: 90%;
    padding: 30px 50px 0px 0px;
}

.tab-content .tab_area .text h2{
	padding-bottom: 20px;
}

@media (max-width: 450px){
.app_text ul {
    display: inline-grid;
}
}

@media (min-width: 1024px){
.app_area{
	flex-direction:row;
    align-items: center;
}
.app_text{
	width: 100%;
    padding: 30px;
}
.app_img{
	width: 100%;
	padding-top: 0px;
}
}


.tab-content{width: 100%;}

.tab-content > .active {
	-webkit-transition: slide 1s ease 3.5s forwards;
	-moz-transition: slide 1s ease 3.5s forwards;
	-ms-transition: slide 1s ease 3.5s forwards;
	-o-transition: slide 1s ease 3.5s forwards;
	transition: slide 1s ease 3.5s forwards;
}

.tab-content .nav {
    padding-left: 0px;
    margin-bottom: 0;
    list-style: none;
}

.tab-content .nav>li>a {
    position: relative;
    display: block;
    text-align: center;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #64be00;
}

.tab-content .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #64be00;
}

.tab-content .nav-tabs>li>a {
    margin-right: 10px;
    line-height: 1.42857143;
    border-radius: 5px;
	border: 1px solid #ddd;
}


#app-section .nav.nav-tabs {
	width: 50%;
	border-bottom: 0;
}

div#app-section {
	z-index: 2;
	position: relative;
}

#app-section .tab-content .nav.nav-tabs {
	border: none;
}

#app-section .tab-content .nav.nav-tabs li {
    width: 50%;
}

#app-section .tab-content .nav.nav-tabs li a {
	color: #000;
    text-decoration: none;
}

#app-section .tab-content .nav.nav-tabs li.active a,
#app-section .tab-content .nav.nav-tabs li a:hover {
    color: #fff;
    border: 1px solid #ddd;
}

@media only screen and (max-width: 1025px) {
#app-section .nav.nav-tabs {
        width: 50%;
    }
}

@media only screen and (max-width: 991px) {
.app_img {
    margin-top: 30px;
}
.tab-content .tab_area .text {
    width: 100%;
}
#app-section .nav.nav-tabs {
	width: 100%;
}
}

@media only screen and (max-width: 450px) {
.tab-content .tab_area {
    flex-direction: column;
}
.tab-content .tab_area .text {
    padding: 0px;
}
#app-section .tab-content .nav.nav-tabs li {
	width: 100%;
    padding-bottom: 10px;
}
}


.Astra-Mobile-App{
	background:url('/library/assets/products/astra/Astra_app.jpg') no-repeat 50% center; height:800px; background-size:cover; position:relative;	
}

.Astra-Mobile-App .area{
	display: flex;
    align-items: center;
    height: 100%;
	justify-content: flex-end;
    padding-right: 4%;
}

.Astra-Mobile-App .area .box{
	width:40%;
}

.Astra-Mobile-App .area .box .text ul{
	list-style: none;
	line-height: 2em;
    padding-left: 0px;
}

.Astra-Mobile-App .area .box .text ul li{
	text-indent: -10px;
    padding-left: 20px;
}

.Astra-Mobile-App .area .box .text h2{
	padding-bottom:20px
}

.Astra-Mobile-App .area .box .text .fa-check{
	color:#ff8900;
}

.Astra-Mobile-App .Watch{
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
	bottom:-10px;
}

.app_icon{
	width:60%;
}


@media screen and (max-width: 1440px) {
.Astra-Mobile-App{
	height:600px;
}
}

@media screen and (max-width: 1025px) {
.Astra-Mobile-App{
	height:550px;
}
.Astra-Mobile-App .Watch{
	display:none;
}
}


@media screen and (max-width: 991px) {
.Astra-Mobile-App {
    background: url(/library/assets/products/astra/Astra_app_mobile.png) no-repeat bottom center;
    height: 1000px;
    background-size: contain;
    position: relative;
}

.Astra-Mobile-App .area {
	align-items: flex-start;
    justify-content: flex-end;
}
.Astra-Mobile-App .area .box {
    width: 95%;
}
}


@media screen and (max-width: 450px) {
.Astra-Mobile-App {
    height: 650px;
}
}


.AstraAppIcon{
	display: flex;
	align-items: center;
}

.astra_logo{
	width: 25%;

}

.icon_search{
	display: flex;
    flex-direction: column;
	width: 50%;
}

.iconapp{
	display: flex;
}


.Astrarelated{
	text-align: center;
    width: 85%;
    margin: 0 auto;
}

.Astrarelated h2{
	padding-bottom:20px;
}

.zyxelAstra{
    display: flex;
    width: 100%;
    justify-content: space-between;
	padding-top: 30px;
}

.AboutAstra{
	background: url(/library/assets/products/astra/zyxelastra640x500.jpg) no-repeat center center;
    position: relative;
    height: 300px;
    width: 360px;
}


.forum{
	background: url(/library/assets/products/astra/forum_640x500.jpg) no-repeat center center;
    position: relative;
    height: 300px;
    width: 360px;
}


.service{
	background: url(/library/assets/products/astra/License_Finder_640x500.jpg) no-repeat center center;
    position: relative;
    height: 300px;
    width: 360px;
}

.zyxelAstra .area{
	width: 100%;
    height: 100%;
    padding: 25px;
    background: rgba(0,0,0,0.2);
}


.AboutAstra .text, .forum .text, .service .text{
	position: absolute;
    bottom: 5%;
    padding: 10px;
    color: #fff;
}


.AboutAstra .btn-call-to-action, .forum .btn-call-to-action, .service .btn-call-to-action {
   background-color: #fff!important;
   color: #000;
}


@media screen and (max-width: 1025px) {
.AboutAstra, .forum, .service{
    width: 300px;
}
}


@media screen and (max-width: 991px) {
.zyxelAstra {
    display: flex;
    width: 100%;
    justify-content: center;
    padding-top: 30px;
    flex-direction: column;
    align-items: center;
}
.AboutAstra, .forum, .service{
    width: 80%;
	margin-bottom: 10px;
}
}

@media screen and (max-width: 450px) {
.AboutAstra, .forum, .service{
    width: 100%;
}
}

/* .note{
    background-color: #dcdcdc;
} */

.note .text{
    padding: 20px 0px;
}

.note .text ol{
	list-style: none;
}

/* .panel.panel-default {
    border:none !important;
} */

.panel-body {
    padding: 0 !important;
}

.ManageEndpointsbuttom a:first-child {
    padding-right: 50px;
}

.app_text ul li a {
    padding: 20px 5%;
}

.app_text .nav-tabs > li {
    margin: 0 !important;
}

#app-section .tab-content .nav.nav-tabs li a:hover {
    background: #ddd;
}

#app-section .tab-content .nav.nav-tabs li.active a:hover {
    background: #64be00;
}

.btn {
    padding:  0 20px;
}

.area .text a:hover {
    color: #64be00;
}