.anchor {    
	position: relative;
    margin-top: -216px;
    height: 200px;
    visibility: hidden;
}

/*new enhancement message*/
.message-box{position:fixed; bottom:250px; right: 20px; z-index: 100; width:180px;}
.new-message{position:relative; margin-bottom: 20px;}
.message-box p{background:#fff; border-radius: 15px; color: #000; padding:20px 5px 20px;text-align: center; font-size:14px; box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);}
.arrow-down{width: 0;height: 0;border-style: solid;border-width: 25px 20px 0 20px;border-color: #fff transparent transparent transparent;position: absolute; bottom: -15px; right: 15px;}
.btn-new{border-radius:50%; background:#64be00; color:#fff; width: 60px; height: 60px; font-size:13px; text-align: center; position: absolute; right: 0;border: none; display: none; padding: 0;}
.btn-close {border-radius:50%; background:#64be00; width: 35px; height: 35px;position: absolute; right: 0;border: none;}
.btn-close:before, .btn-close:after {position: absolute;left: 0; right:0; margin: 0 auto; top: 5px; content: ' ';height: 25px;width: 1px; background-color: #fff;}
.btn-close:before {transform: rotate(45deg);}
.btn-close:after {transform: rotate(-45deg);}
.new-message .btn-lg {padding: 2px 15px;border-radius: 35px;font-size: 14px;}

@media (max-width: 1440px) {
.message-box{bottom:200px;}
}

@media (max-width: 991px) {
.message-box{bottom:250px;}
}

@media (max-width: 450px) {
.message-box{bottom:80px;}
}

h2 {font-size:36px;}h3 {font-size:28px;}h4 {font-size:26px;}h5 {font-size:24px;}h6 {font-size:20px;}p {font-size:18px;}

.deck-wrapper .section-navigation .navbar-default .navbar-nav>li>a.btn-buy {
    margin-top: 0px;
}

.title{color:#878787;font-weight: bold;}
.subtitle{color:#606060;}
.imgCenter{text-align:center;margin:0 auto;}
.deck-wrapper .section-navigation .navbar-brand h2{color: #fff;}
.deck-wrapper .section-navigation .navbar-default {background: linear-gradient(to right, #575757 50%, #575757 100%);}
.deck-wrapper .section-navigation .navbar-default .navbar-nav>li>a{color: #fff;}
.deck-wrapper .section-navigation .navbar-default .navbar-nav>li>a:hover,
.deck-wrapper .section-navigation .navbar-default .navbar-nav>li>a:active,
.deck-wrapper .section-navigation .navbar-default .navbar-nav>li>a:focus{color: #64be00!important;}

#section-menu .btn-buy {background-color: #fff!important;color: #575757;border-radius: 50px;}
.hero-banner-area-section{
	height:800px;
	position:relative;
	display: flex;	
	background:url('/sites/zyxel/files/library/assets/products/nebula_control_center/nebula_control_center_banner_1920x800.jpg') no-repeat center 50%; 
	background-size:cover; 
}
.ncc_area {width: 30%;justify-content: center; display: flex;flex-flow: column;padding-left: 10%;}
.ncc_text{color:#6e6e6e; padding: 5% 0%;}	
.ncc_area img{width: 50%!important;}
.textArea h1 {font-size: 40px;}
/* .ncc_area .btn-call-to-action {border-radius: 35px;} */
.ncc_devices{width: 60%; justify-content: center; align-items: center; display: flex;}
.textArea h2 {font-size:24px;}
.ncc_devices_mobile{display:none;}
.textArea ul{
	list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 80%;
	padding-bottom: 20px;
	margin: 0 auto;
}
.textArea ul li{
    width: 10%!important;
    margin: 0px 5px;
}
.textArea .btn-call-to-action{background-color:#64be00!important;color: #fff;}
.textArea .btn-call-to-action:hover{color: #fff!important;}

.mobile_video {display:none;}

@media (max-width: 1600px) {
.hero-banner-area-section{
	height:550px;
}
.ncc_area img{width: 40%!important;}
.ncc_area {width: 50%;}
/* .ncc_logo{width:60%;} */
.ncc_devices{width: 75%;padding-right: 10%;}
}


@media (max-width: 1440px) {
.hero-banner-area-section{height:500px;}
.ncc_devices{width:100%;padding-right:15%;}
}

@media (max-width: 1300px) {
.ncc_devices{padding-right:5%;}
}

@media (max-width: 1025px) {
.hero-banner-area-section{height:450px;}
.ncc_area {width: 45%;}
}

@media (max-width: 991px) {
.hero-banner-area-section{
	height:800px;
	position:relative;
	display: flex;	
	background:url('/sites/zyxel/files/library/assets/products/nebula_control_center/nebula_control_center_banner_1000x1000.jpg') no-repeat center top; 
	background-size:cover; 
}
.ncc_devices{display:none;}
.ncc_devices_mobile{display:block;}
.ncc_area img, .ncc_area .textArea h2{display:none;}
.ncc_area img, .ncc_area .textArea h1{display:none;}
.textArea a {display:block;}
.ncc_area {width: 100%;align-items: center;padding-left: 0%;}
}


@media (max-width: 450px) {
.hero-banner-area-section{
	height:500px;
}
.textArea h2 {font-size:18px;}
.ncc_area .btn-call-to-action {font-size: 12px;}
.btn-group-lg>.btn, .btn-lg {padding: 5px 10px;}
}

@media (max-width: 320px) {
.ncc_area .btn.btn-lg {font-size: 12px!important;}
}

/**https://www.w3schools.com/howto/howto_js_slideshow.asp**/

.WhatisNebula {background: linear-gradient(to bottom, #4d757f 0%, #a7c6cb 20%);}
.Whatis_title{color:#fff; font-weight: bold;}
.Whatis_subtitle {color: #fff;}
.NebulaCenter{text-align:center; margin:0 auto; width:95%;padding-bottom:15px;}
.video-outline{border-radius: 50px!important; border: 1px solid #fff;}
.slideArea{display: flex; flex-direction: row;}
.slideshowArea{width: 55%; flex-direction: column; padding-left: 5%;}

.slideshow-container {
  max-width: 600px;
  position: relative;
  margin: auto;
}

.mySlides {
  display: none;
}

.section-features a:hover{text-decoration: none!important;}

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 45%;
  width: auto;
  margin-top: -35px;
  transition: 0.6s ease;
  margin-left:-30px;
  font-size: 30px;
  color:#59575a;
}

.next {
  right: -30px;
}

.numbertext {
  color: #dadada;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.slidedot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #dadada;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.slidedot:hover ,.datactive{
  background-color: #52959b;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

#mobile-screen{display:block;}
#mobile-screen .container ul{z-index:0; top:0 !important;}

@media (max-width: 1500px) {
#mobile-screen .container{width:80%;}
}

@media (max-width: 1300px) {
#mobile-screen .container{width:60%;}
#mobile-screen .container img{width:70% !important; height: auto !important;}
}

@media (max-width: 800px) {
#mobile-screen .container{margin: 0 auto; height: 500px !important;}
}

@media (max-width: 500px) {
#mobile-screen{display:block;}
#mobile-screen .container{margin: 0 auto; width:300px !important; height: 500px !important;}
}

.NCCslideArea{width:35%;}
.NCC_slide_Text ul{list-style:none;}
.NCC_slide_Text li {padding: 5% 0%; border-bottom: 1px solid;background-color: #a7c6cb;font-size:20px;}
.NCC_slide_Text li:hover {background-color: #e0f2cc;}
.NCC_slide_Text a:hover {/* color:#000!important; */text-decoration: none;} 
.deck-wrapper .section-features a:hover {text-decoration: none;}
.fa-angle-down {font-size:26px;}

@media (max-width: 991px) {
.slideArea{flex-direction: column;}
.slideshowArea {width: 80%;margin: 0 auto;}
.NCCslideArea {width: 90%;}
}


/*What is Nebula Control Center? */

.question-wrap li a:hover{text-decoration: none!important;}
.ncc_question .frame .question-wrap {
  margin-top: 25px;
}
.ncc_question .frame .question-wrap .question {
  border-bottom: 1px solid black;
  padding: 10px 40px 10px 10px;
  position: relative;
  transition: all 0.3s ease;
  cursor: pointer;
  list-style: none;
}
.ncc_question .frame .question-wrap .question .question-title {
  font-size: 18px;
  margin: 0;
}
@media screen and (min-width: 992px) {
.ncc_question .frame .question-wrap .question .question-title {
    font-size: 20px;
  }
}

.ncc_question .frame .question-wrap .question:first-child {
  border-top: 1px solid black;
}

.frame .question-wrap .question:after {
    content: "\f107";
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    top: 10px;
    transition: all 0.3s ease;
	font-family: FontAwesome;
	font-size: 26px;
    color: #59575a;
}


@media screen and (min-width: 768px) {
.ncc_question .frame .question-wrap .question:after {
    top: 16px;
  }
}
@media screen and (min-width: 768px) {
.ncc_question .frame .question-wrap .question {
    padding: 20px 40px 20px 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
.ncc_question .frame .question-wrap .question:hover {
   /*  background-color: rgba(100, 189, 0, 0.1); */
    background-color: #cadde1;;
  }
}
.ncc_question .frame .question-wrap .expand {
  transition: all 0.3s ease;
}
.ncc_question .frame .question-wrap .expand .answer {
  margin-top: 10px;
  height: 100%;
}
.ncc_question .frame .question-wrap .expand:after {
  transform: rotate(45deg);
}
@media screen and (min-width: 992px) {
.ncc_question .frame .question-wrap {
    margin-top: 35px;
  }
}
@media screen and (min-width: 992px) and (min-width: 1400px) {
.ncc_question .frame .question-wrap {
    margin-top: 60px;
  }
}
@media screen and (min-width: 1200px) {
.ncc_question {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1400px) {
.ncc_question {
    padding-bottom: 110px;
  }
}

/* One Cloud-based Management for ALL */


#one_cloud .background{background:linear-gradient(to bottom, #f9f9f9 30%, #f7f5f7 60%, #e4e4e4 80%);}
.one_cloud{display: flex;justify-content: center;align-items: center;}
.one_cloud .text {width: 45%; padding-left: 10%;padding-right: 5%;}
.one_cloud .video {width:750px;}
.one_cloud .Image {display:none;}

@media (max-width: 1300px) {
.one_cloud .video {width:650px;}
}

@media (max-width: 1025px) {
.one_cloud .video {width:550px;}
}

@media (max-width: 991px) {
.one_cloud {display:block;}
.one_cloud .video {display:none;}
.one_cloud .text {width: 100%; text-align:center; padding:30px;}
.one_cloud .Image {display:block;}
#one_cloud .background {background: linear-gradient(to bottom, #f9f9f9 30%, #f9f9f9 100%);}
}

/* Zero touch - Efficient Deployment */
.Zero-touch-BG{background:url('/library/assets/products/nebula_control_center/Zero_touch.jpg') no-repeat center center; height:700px; background-size:cover; position:relative;display: flex; justify-content: center; align-items: center;}
.Zero-touch-BG .text {position: absolute; right: 5%; width: 35%;}

@media (max-width: 1440px) {
.Zero-touch-BG{height:550px;}
.Zero-touch-BG .text {width: 40%; right: 2%;padding-bottom: 20px;}
}

@media (max-width: 991px) {
.Zero-touch-BG{background:url('/library/assets/products/nebula_control_center/Zero_touch.jpg') no-repeat left center; background-size:cover; height:750px; align-items: flex-start;}
.Zero-touch-BG .text {width: 80%; text-align:center; right: auto; margin: 0 auto; padding-top:30px;}
}

@media (max-width: 450px) {
.Zero-touch-BG{background:url('/library/assets/products/nebula_control_center/Zero_touch.jpg') no-repeat bottom center; background-size:contain; height:500px;}
.Zero-touch-BG .text {width: 80%; text-align:center; right: auto; margin: 0 auto; padding-top:30px;}
.Zero-touch-Area{background-color:#efefef;}
}

@media (max-width: 350px) {
.Zero-touch-BG{height:550px;}
}


/* Real-time updating and monitoring with historical data */

.Real-time-BG{background:url('/library/assets/products/nebula_control_center/real_time.jpg') no-repeat bottom center; height:700px; background-size:cover; position:relative;display: flex; justify-content: center; align-items: center;}
.Real-time-Area {position: absolute; left: 5%; width: 40%;}
.Real-time-text{padding:5% 0%;}

@media (max-width: 800px) {
.Real-time-BG{background:url('/library/assets/products/nebula_control_center/real_time.jpg') no-repeat bottom center; height:750px; background-size:contain; position:relative;}
.Real-time-Area {width: 80%;}
}


/*Superb network performance for the best user experience */

.network-performance-BG{background-color:#f7f5f7; display: flex; padding: 80px; align-items: center; flex-flow: row;}
.network-performance-BG .Image {width: 50%;}
.network-performance-Area {width: 45%; padding-left: 5%;}

@media (max-width: 800px) {
.network-performance-BG{flex-flow: column-reverse;padding: 80px 20px;}
.network-performance-BG .Image {width: 100%;}
.network-performance-Area {width: 100%; padding-left: 0%; padding-bottom: 10%;}
}

/*Flexible Nebula License Plan*/

.Nebula-License-BG{background-color:#e4e4e4;}

.MSPPack{
	width: 90%;
    text-align: center;
    margin: 0 auto;
}

.MSPPack > .icon ,.BasePack > .icon, .PlusPack > .icon, .ProPack > .icon {
    text-align: center;
    position: relative;
    padding-top: 25px;
}

.MSPPack > .icon > .image , .BasePack > .icon > .image, .PlusPack > .icon > .image, .ProPack > .icon > .image {
    position: relative;
    z-index: 2;
    margin: auto;
    width: 120px;
    height: 120px;
    line-height: 88px;
    border-radius: 50%;
    vertical-align: middle;
}

.MSPPack > .icon > .info , .BasePack > .icon > .info, .PlusPack > .icon > .info, .ProPack > .icon > .info {
    margin-top: -35px;
    background: #fff;
    padding: 50px 0 10px 0;
    min-height: auto;
	box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
	border-radius: 20px;
}


.MSPPack hr { border-top: 3px solid #3b9f00;}
.BasePack hr { border-top: 3px solid #a2d866;}
.PlusPack hr { border-top: 3px solid #82cb33;}
.ProPack hr { border-top: 3px solid #64bd00;}

.MSPPack p {padding: 10px 15px; width: 95%; margin: 0 auto;}
.BasePack p {padding: 10px 15px; width: 95%; margin: 0 auto;}
.PlusPack p {padding: 10px 15px; width: 95%; margin: 0 auto;}
.ProPack p {padding: 01px 15px; width: 95%; margin: 0 auto;}

@media (min-width: 992px) {
.PackArea{
	display: flex;
    flex-flow: row;
    justify-content: center;
    width: 100%;
    padding-left: 5%;
}

.Pack{
	width: 33%;
    padding-right: 5%;
}
}


@media (min-width: 1024px) {
.BasePack > .icon > .info, .PlusPack > .icon > .info, .ProPack > .icon > .info {
    min-height: 300px;
}
}

.SeeNebula{text-align:center; margin: 0 auto; padding-top:50px;}
.deck-wrapper .SeeNebula .btn-outline{
    border-radius: 35px;
    border: 3px solid;
	font-size: 22px;
}

/*Social*/

.social-bg{background:url('/library/assets/products/nebula_control_center/social.jpg') no-repeat top center; height:500px; background-size:cover; position:relative;}
.DiscoverMore {text-align:center;margin:0 auto;display: flex; flex-direction: column; padding: 5%;}
.DiscoverMore .height{height: 150px; display: flex; align-items: center;}
.DiscoverMore .height a{display: inline-flex;}
.height a:hover{text-decoration:none;}
.DiscoverMore .height img{max-height:70px;}
.DiscoverMore .height .text{padding-left:20px; text-align: left;}
.DiscoverMore .btn-lg {padding: 5px 10px;}
.DiscoverMore .height:hover{background-color: none;}
.DiscoverMore .btn-call-to-action {background-color: #fff!important;color:#000!important;border-radius: 35px;font-size: 14px;}
.social-bg .background{position: absolute; top: 0; bottom: 0; left: 0; right: 0;  height: 100%; background: rgba(0,0,0,0.2);}


@media (min-width: 765px) {
.social-bg{height:400px;}
.DiscoverMore {flex-direction: row;align-items: center;  padding: 0%;}
.DiscoverMore .height{width: 33%;height: 400px; padding-top: 0%;justify-content: center;}
.DiscoverMore .height:hover{background-color: rgba(96,184,14,0.7);}
.DiscoverMore .height a{display: inline-block;}
.DiscoverMore .height img{max-height:none;}
.DiscoverMore .height .text{padding-left:0px; text-align: center;}
.DiscoverMore .height .text p{ padding-left: 10px; padding-top: 5px;}
.DiscoverMore .btn-call-to-action {font-size: 16px;}
}

/*Award*/

.award_list{background-color:#f8f8fa;}
.award_icon ul{list-style:none;display: flex;flex-direction:column;padding-left: 0px;}

@media (min-width: 1024px) {
.award_icon ul{flex-direction:row;}
}

.RelatedMore{text-align: center;width: 100%; margin: 0 auto;}
.border{border-right: 1px solid;}
.border:last-child{border-right: none;}
.RelatedMore h6 a {color: #000;}
.RelatedMore h6 a:hover {color: #64be00; text-decoration: none!important;}

@media (max-width: 991px) {
.RelatedMore h6 {font-size:13px;}
.border{border-left: 5px;}
}

/*Subscribe Nebula*/
.Flexible_Subscription{width:85%;text-align:center;margin:0 auto;}
.FeatureText{text-align:left!important;}
.manage_nebula_bg{background-color:#f9f9f9;}
.manage_nebula {display:flex; flex-direction:column; padding-top:20px;}
.Managed_text{
    font-size: 18px;
    line-height: 1.6em;
    color: #888888;
    padding-left: 40px !important;
}
.note{font-size:14px;}

@media (min-width: 1024px) {
.manage_nebula {flex-direction:row; align-items: center;}
}


/*3 Reasons */
.reasons-section{background-color:#e0f2cc;padding: 20px;}
.reasons-text{color:#585858;text-decoration:underline;}
.Networkbox > .icon { text-align: center; position: relative; padding-top: 25px;}
.Networkbox > .icon > .image { position: relative; z-index: 2; margin: auto; width: 120px; height: 120px; line-height: 88px; border-radius: 50%; background: #64be00; vertical-align: middle;}
.Networkbox > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.Networkbox > .icon:hover > .image > i { color: white !important; }
.Networkbox > .icon > .info { margin-top: -35px; background: #fff; padding: 50px 0 10px 0;min-height: 510px; }
.Networkbox > .icon > .info > h3.title {font-size:24px; color: #64be00;}
.Networkbox > .icon > .info > p {font-size: 18px; color: #585858; line-height: 1.5em; margin: 20px;}
.Networkbox .space { height: 30px; }
.info hr {width:85%;}
.Download_Feature{text-align: center;}
.Download_Feature .btn-call-to-action {border-radius:35px;}

.needpack{display:flex; flex-direction: column;}
.packtext{display:flex; flex-direction: row; align-items: center;}
.packtext h2 {font-size:46px;}
.packimage{width:100%;}
.pack01{padding-right: 20px;color:#888888;}
.pack02{padding-right: 12px; color:#888888;}
.pack03{padding-right: 8px; color:#888888;}


@media (min-width: 766px) {
.needpack{flex-direction: row-reverse;}
.packarea{width: 85%; padding-left: 5%;}
.packimage{width:40%;}
}

.Nebula_Partner {text-align:center;margin:0 auto; padding: 80px 0px 0px 0px;color:#fff;}
.Nebula_Partner .btn-lg{ padding: 5px 10px;border-radius: 35px;}


@media not all, (-webkit-transform-3d){
.carousel-inner>.item {
    -webkit-transition: -webkit-transform .8s ease-in;
    -o-transition: -o-transform .8s ease-in;
    transition: transform .8s cubic-bezier(0.92, -0.1, 1, 1);

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
}



/*mobile section width*/
#mobile-screen .container {width:auto!important;}

/* Additions */

.btn {
    padding: 0 20px !important;
}

.NCCslideArea {
    margin: auto;
}

.MultiCarousel { float: left; overflow: hidden; padding: 15px 30px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
.MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }
.MultiCarousel .btn {min-width:0px!important;padding: 0 15px !important;}
.MultiCarousel .btn-primary {border-color: #f8f8fa!important;}