[id*="custom-html"]{padding:0 !important;}
.anchor {position: relative; margin-top: -70px; height: 70px; visibility: hidden;}
.layout-content h3{margin-bottom:2rem !important;}
.layout-content h6{font-weight:normal !important;}
.bold{font-weight:500 !important;}
.text-center{text-align:center;}
.text-white{color:#fff;}
.text-show{display: block !important;}
.img-box{margin:0 auto;}
.bg-grey{background:#efefef;}
.bg-blue{background:#00b2ff;}
.small-text{font-size:14px; margin-top:5px;}
.medium-text{font-size:16px;}
.mt0{margin-top:0 !important;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
/* 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: #404040; border-radius: 50px; 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; text-decoration: none; }
nav.second-nav ul li a.border-adjusted, nav.second-nav ul li a.color-adjusted{color: #404040 !important; background-color: transparent!important;}
nav.second-nav ul li.active a.color-adjusted, nav.second-nav ul li.active a.border-adjusted, nav.second-nav ul li a.color-adjusted:hover, nav.second-nav ul li a.border-adjusted:hover{color: #fff !important; background-color: #003eab!important;}
@media screen and (max-width: 992px) {
	nav.second-nav {overflow-x: scroll;}
}
/* End Navigation Bar */
.bannerCanvas {height: 500px;}
.bannerCanvas .col-6{width: 50%;}
.banner-cnt{padding:0 2rem;}
.banner-cnt h6{font-weight:normal;}
.videoCanvas{overflow:hidden;}
.videoCanvas iframe{width:100%; height:500px;}
#overview {padding-top: 0 !important;}
#overview h3{display: none;}
.overview-section .img-box{display:block; margin: 2rem auto; text-align:center;}
.award-img{outline: 6px solid #ebebeb;}
.MultyProApp{border-left:1px solid #ffc800; padding:20px;}
.MeshIQ{border-left:1px solid #a64900; padding:20px;}
.RemoteMgnt{border-left:1px solid #e88000; padding:20px;}
.subscribers-box{padding:20px;}
.sp-box{border-left: 1px solid #e88000; padding:20px;}
.subscribers-box h4{color:#ffc800 !important;}
.sp-box h4{color:#e88000 !important;}
.benefits-item{height:100px; clear:both;}
.ico-box{width:100px; float:left;}
.ico-text{height:85px; position: relative;}
.ico-text p{line-height:normal;top: 50%; transform: translate(0, -50%); position: absolute;left: 100px;}
.blue-box{border:2px solid #00b2ff; border-radius:20px; padding:20px;}
.blue-box .download-img{width:50%;}
.blue-box .download-img a:before, .blue-box .download-img a:hover{height:0;}
.blue-box .qr-box{width:40%;}
.home-network-map{background:url('/service-provider/sites/default/files/2020-09/multy_pro_app_demo_home_network_map.png')no-repeat center center; height: 300px; background-size:cover; position:relative; text-align:center;}
.one-click-guest-wifi{background:url('/service-provider/sites/default/files/2020-09/multy_pro_app_demo_one-click_guest_wifi.png')no-repeat center center; height: 300px; background-size:cover; position:relative; text-align:center;}
.home-network-map .cover, .one-click-guest-wifi .cover{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.home-network-map .btn, .one-click-guest-wifi .btn{position: relative;}
.less-2000-box .img-box{border-bottom:3px solid #ffc800; padding-bottom:1rem;}
.middle-2000-4000-box .img-box{border-bottom:3px solid #e88000; padding-bottom:1rem;}
.more-4000-box .img-box{border-bottom:3px solid #a64900; padding-bottom:1rem;}
.resources-box{border-right:1px solid #000;padding: 0 20px;}
.webinar-box{padding: 0 20px;}
.resources-webinar-section ul{list-style:none !important; margin: 0 !important;}
.resources-webinar-section ul li{list-style:none !important; line-height:1.4rem;clear: both; margin-bottom:10px;}
.resources-webinar-section ul li i{padding-right:5px; float:left;}

/*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 .close, #video1 .close, #video2 .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;}


@media (max-width: 1100px) {
	.banner-cnt h6{font-size:1rem;}
	.layout-max-width{padding:0 1rem;}
}

@media (max-width: 640px) {
    .bannerCanvas {height: auto; flex-direction: column;}
    .bannerCanvas .col-6{width: 100%;}
    .videoCanvas {height: 500px;}
	.banner-cnt{height:auto !important; padding: 1rem;}
	.MultyProApp{border-left:none; border-bottom:1px solid #ffc800;}
	.MeshIQ{border-left:none; border-bottom:1px solid #a64900;}
	.RemoteMgnt{border-left:none; border-bottom:1px solid #e88000;}	
	.sp-box{border-left:none;border-top:1px solid #e88000;}
	.blue-box, .home-network-map{margin-bottom:2rem;}
	.resources-box{border-right:none; border-bottom:1px solid #000;}
	.scenarios-section .img-box{text-align:center;}
}

@media (max-width: 500px) {
	.subscribers-box{padding:0;}
	.benefits-item{margin-bottom:2rem; height:auto;}
	.ico-box{float:none; margin:0 auto;padding-bottom: 10px;}
	.ico-text{height:auto; position: relative;}
	.ico-text p{line-height:normal;top: unset; transform: none; position: relative;left: unset; text-align:center;}
	.blue-box .download-img, .blue-box .qr-box{width:100%;}
	.home-network-map button, .one-click-guest-wifi button{font-size:14px;}
}