#top-hero {padding: 0 !important;}
#top-hero .row{height: 500px; align-items: center;}
#top-hero h1{display: none;}
.bold{font-weight:600;}
.pb10{padding-bottom:10px;}
.pt10{padding-top:10px;}
.mt20{margin-top:2rem;}
.small-text{font-size:15px;}
.text-center{text-align:center !important;}
.text-white{color:#fff;}
.text-show{display:block !important;}
.line-break{display: block;}
[id*="custom-html"]{padding:0 !important; position:relative;}

/* Navigation Bar */
.navScrolled {position: fixed !important;top: 0;z-index: 1000;}
nav.second-nav {background-color: #eeeeee; width: 100%; overflow: hidden; padding: 14px 0; position:relative;}
nav.second-nav ul {width: max-content; margin:0 auto; text-align: center;}
nav.second-nav ul li {display: inline-block;padding: 0 5px;}
nav.second-nav ul li a {color: #000; border-radius: 7px; padding: 5px 25px; display: inline-block; font-weight:normal;}
nav.second-nav ul li a:hover:before, .second-nav ul li a:before {text-decoration: none; height: 0 !important;}
nav.second-nav ul li.active a, nav.second-nav ul li a:hover {background-color: #00b2ff;color:#fff; border-radius: 50px; font-weight:500;text-decoration: none;}
nav.second-nav ul li a.border-adjusted:hover{background-color: #003EAB !important; color: #fff !important;}
@media screen and (max-width: 992px) {
	nav.second-nav {overflow-x: scroll;}
}
/* End Navigation Bar */
#flexibility-deployments h3{display: none;}
#flexibility-deployments .d-flex {height: 500px;}
#flexibility-deployments .desc {padding: 0; width: 45%;}
#flexibility-deployments .img-box {position: absolute; right: 0; height: 500px; width: 50%; overflow: hidden;}
#flexibility-deployments .img-box video {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);  min-width: 100%;  min-height: 100%;  width: auto; height: auto; overflow: hidden;}

#qos-section {padding: 0 !important;}
#qos-section .row {min-height: 650px; align-items: center;}
#qos-section .col-md-5{width: 100%;}
#qos-section h2{display: none;}

#deployment-scenarios h3{display:none;}
.fwa-approach{margin-bottom:3rem;}
.fwa-approach ul{list-style:none; margin:0 auto; text-align:center;padding-left: 0 !important;}
.fwa-approach ul li{display:inline-block; border:1px solid #00b2ff; border-radius:50px; color:#00b2ff; margin:0 5px; padding:5px 20px; cursor:pointer;}
.fwa-approach ul li.active{background:#00b2ff; color:#fff;}
.fwa-approach ul li.color-adjusted.active, .fwa-approach ul li.border-adjusted.active {background: #003eab !important; color: #fff !important;}
.fwa-approach ul li.color-adjusted, .fwa-approach ul li.border-adjusted{background: #fff !important; border-color: #003eab !important; color: #003eab !important;}
.accordion_head{cursor:pointer;color: #00b2ff !important;border-left: 5px solid #00b2ff;padding-left: 15px !important;}
.accordion_head i{vertical-align:middle;}
h4.accordion_head, button.air-video-btn{margin-top:0 !important; margin-bottom:0 !important;}
.videoImg-box{position:relative;}
.videoImg-box .overlay {top:0;left:0;width:100%;height:100%;position: absolute;background:rgba(0,0,0,.3);}
.videoImg-box .btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; cursor:pointer; line-height:normal; vertical-align:middle; margin:0;}
.videoImg-box .btn i, .video-qos.btn i {margin-right: 5px; vertical-align: middle;}

.esim-content {width: auto; padding-right: 4rem;}
.esim-image {width: 340px; max-width: 100%;}
ul#user-friendly-tabs {list-style: none; padding-left: 0;}
ul#user-friendly-tabs li {list-style: none;}
ul#user-friendly-tabs li.selected  a{color: #00b2ff;}
ul#user-friendly-tabs li a {font-weight: normal; color: #404040;}
ul#user-friendly-tabs li a:hover {color: #00b2ff;}
ul#user-friendly-tabs li a:before {background-color: #00b2ff;}
.user-friendly-tabContent {display: none;}
.contentPicture{display: block; text-align: center;}

.productBox{position:relative; height:540px;}
.product1{position:absolute; left:0; top:0; animation: move1 3s forwards 1s;}
@keyframes move1 {
	from {top:0%; left:0%;}
	to {top:0%;left: 15%;}
}
.product2{position:absolute; right:0; bottom:0; animation: move2 3s forwards 1s;}
@keyframes move2 {
	from {bottom:0%; right:0%;}
	to {bottom:0%; right: 17%;}
}


/*Video pop-up*/
.show {display: flex !important;}
.popup {display: none;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.9);justify-content: center;align-items: center;position: fixed;top: 0;left: 0;z-index: 1050;}
.popup .video{margin: 0 auto; width:71vw; height:40vw; text-align:center;max-height: calc(100vh - 60px);}
#video-qos .close, #video1 .close, #video2 .close, #air-video .close, #tutorial-video .close, #installation-video .close{position: absolute;border: 0;outline: none;cursor: pointer;background: none;font-size: 50px;z-index: 1;top: 0;right: 1%;color: #fff;opacity: 1;margin: 0;padding: 0;}
.air-video-btn, .tutorial-video-btn, .installation-video-btn {color: #00b2ff; cursor: pointer; margin-bottom: 10px;}
.air-video-btn i, .tutorial-video-btn i, .installation-video-btn i{vertical-align: middle; margin-right:10px;}

/*show more products*/
#featured-products h3{margin-bottom:0; text-align:center;}
#featured-products .small-note{font-size:16px;}
#featured-products .layout-max-width {margin-bottom: 0;}
#featured-products.zyx-paragraph{padding:2rem 0 0 !important;}
.zyx-paragraph--related-products{padding:2rem 0 !important;}
#tabbed-content h3{margin:0; float:left;}
#tabbed-content.zyx-paragraph{padding:0;}
#tabbed-content .zyx-card-slider{margin-top:0; padding:20px 0;}
.more-products-btn {float:right; color:#00b2ff; cursor:pointer;}
.more-products-btn i{vertical-align:middle;}
.more-products-section{display:none;}
.zyx-card-slider .zyx-card {width: auto; height: 186px; margin: 0; overflow:hidden;}
.zyx-card__img{float:left; width:40%;}
.zyx-card__img img{height:186px;}
.zyx-card__details{float:left; width:60%; color:#404040;}
.zyx-paragraph--related-products h3{font-size: 1.55rem}

/*For EMEA*/
.deployment-scenarios .shadow-box{background-color: rgb(255, 255, 255); border-radius: 12px; box-shadow: rgb(74 90 117 / 8%) 0px 4px 16px 0px, rgb(74 90 117 / 16%) 0px 2px 4px 0px; min-height: 650px; position: relative; padding: 2rem;}
.deployment-scenarios .shadow-box h4{color:#00b2ff;}


@media (max-width: 830px) {
	#qos-section h3, #qos-section p{text-align:left;}
	.deployment-scenarios .col-6{flex: 0 0 100%; max-width: 100%; margin-bottom:2rem;}
}

@media (max-width: 700px) {
    #flexibility-deployments .desc {width: 100%;}
    #flexibility-deployments .img-box{position:relative;  margin: auto; width: 100%; left: 0; right: 0;}
    #flexibility-deployments .img-box video {position: relative;}
}


@media (max-width: 640px) {
    #top-hero picture img {object-position: 60%;}
    .line-break {display: inline; margin-left:5px;}
	.zyx-card__details .meta{padding:0;}
	.zyx-card__img, .zyx-card__details{float:none; width:100%;}
	.popup .video{margin: 0 auto; width:80%; text-align:center;}
}

@media (max-width: 430px) {
	.fwa-approach{margin-bottom:0;}
	.fwa-b2c{margin-bottom:1rem !important;}
    .esim-image {margin: 0 auto;}
}