/*
Theme Name: Cisco DNA Spaces
Theme URI: https://partnerhub.ciscospaces.io
Author: Sowmya S
Author URI: https://partnerhub.ciscospaces.io
Description: DNA Spaces theme for WordPress.
Version: 1.0
Tags: light, blue, white, Cisco, DNA Spaces
*/


@font-face {font-family: CiscoSans;  src: url("/utilities/fonts/ciscosans/CiscoSansTTRegular.woff") format("woff");   font-style:normal;font-weight:400;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}
@font-face {font-family: ciscosans-light; src: url("/utilities/fonts/ciscosans/CiscoSansTTLight.woff") format("woff");font-style:normal;font-weight:300;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}
@font-face {font-family: ciscosans-extralight; src: url("/utilities/fonts/ciscosans/CiscoSansTTExtraLight.woff") format("woff");font-style:normal;font-weight:100;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}
@font-face {font-family: ciscosans-thin; src: url("/utilities/fonts/ciscosans/CiscoSansTTThin.woff") format("woff");font-style:normal; font-weight:100;}
@font-face {font-family: ciscosans-bold; src: url("/utilities/fonts/ciscosans/CiscoSansTTBold.woff") format("woff");font-style:normal;font-weight:700;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}
@font-face {font-family: ciscosans-heavy;  src: url("/utilities/fonts/ciscosans/CiscoSansTTheavy.woff") format("woff");font-style:normal;font-weight:900; }

.wifi-symbol { display: none; position: absolute; left: 50%;top: 50%; background-color: inherit}
.wifi-symbol, .wifi-symbol { position: absolute; top: 95%; display: inline-block; width: 1200px; height: 1200px; z-index: 100}
.wifi-symbol .wifi-circle {box-sizing: border-box; display: block; width: 100%; height: 100%; position: absolute; transform: translateY(-50%) translateX(-50%); border-color: #f5f6f7; border-style: solid; border-width: 3em; border-radius: 100%; opacity: 0; animation: expansion 3s infinite}
.wifi-symbol .blocker { position: absolute; height: 50%; width: 100%; bottom: 50%; transform: translateX(-50%); background-color: inherit}
.wifi-symbol .wifi-circle.first {width: 95%; height: 95%; animation-delay: 800ms}
.wifi-symbol .wifi-circle.second { width: 70%; height: 70%; animation-delay: 400ms}
.wifi-symbol .wifi-circle.third { width: 45%; height: 45%}
.wifi-symbol .wifi-circle.fourth { width: 10%; height: 10%; opacity: 1; background-color: #fff; animation: none}
@keyframes expansion {
  0% {
    opacity: 1;
  }
}
.as-console-wrapper { max-height: 0% !important}
 
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;  }
body {margin: 0; color:#58585B;  padding-top: 100px;   font-weight: 100; font-family: CiscoSans,Arial,sans-serif !important; font-size:20px; background-color: #fff; overflow-x: hidden;}
img {border: 0}
a, button{outline:none}
a:hover{color: inherit; text-decoration: none}
.single, .blog  {background-color:#fff}

/*.home .site-header,.home .navbar{background-color: #ece9e7}*/
body.home .nav_bg_color{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #ece9e7; z-index: 0;}
.cisco-regular{font-family: CiscoSans,Arial,sans-serif !important}
.cisco-light{font-family: ciscosans-light, Arial,sans-serif !important}
.cisco-extralight{font-family: ciscosans-extralight, Arial,sans-serif !important}
.cisco-thin{font-family: ciscosans-thin, Arial,sans-serif !important}
.cisco-bold{font-family: ciscosans-bold, Arial,sans-serif !important; font-weight: bold}
.cisco-heavy{font-family: ciscosans-heavy, Arial,sans-serif !important;line-height: 60px; font-weight: 900}
.text-color-b2{color:#39393b}
.text-black{color: #000}
.text-size1{font-size: 18px;}
.text-size2{font-size: 14px;}
.text-size3{font-size: 12px;}
.text-size4{font-size: 16px;}
.text-size5{font-size: 22px;}
.text-size6{font-size: 20px;}
.text-size7{font-size: 25px;}
.line-height-55{line-height: 55px}
.cisco_lightgrey{background:#f5f6f7}
.cisco_grey{background:#e8ebf1}
.cisco_blue{background-color:#049fd9}
.cisco_orange{background: #ff7300}
.cisco_blue_sec{background-color: #00BCEB !important; border-color: #00BCEB !important}
.text_blue{color: #049fd9}
.text_blue_sec{color: #00BCEB}
.text-grey{color: #86939e;}
.text-grey-sec{color: #666666}
.text-color-g1{color: #626469}
.text-color-g2{color: #999999}
.text-color-g3{color: #d8d8d8}
.text-color-g4{color: #888888}
.text-color-g5{color: #58595b}
.text-blue{color: #017cad}
.text-green{color: #6ebe4a}
.text-green2{color: #6ABF4B}
.text-pink{color: #ff8989}
.text-orange{color: #fbab18;}
.text-navyblue{color: #1E4471 !important}
.text-darkblue{color: #0D274D}
.bg_navyblue{background-color:  #1E4471}
.bg-grey{background-color: #f2f2f2}
.bg-grey2{background-color: #ece9e7} 
.bg-grey3{background-color: #f7f7f7} 
.bg-grey4{background-color: #f9f9f9} 
.bg-grey5{background-color: #f4f4f4} 
.bg-grey6{background-color: #FAFAFA}
.bg-green{background-color: #6ebe4a !important}
.bg-green2{background-color: #6CBE49 !important}
.bg-green3{ background-color: #53a231 !important}
.bg-pink {background-color: #ff8989 !important}
.bg-orange {background-color: #fbab18 !important} 
.bg-orange2{background-color: #FF9F00 !important}
.bg-orange3{ background-color: #dc8f03 !important;}
.bg-green2package {background-color: #f8fdf5 !important }
.bg-darkblue{background-color:  #025370}
.bg-darkblue2{background-color: #0D274D}
.bg-blue3{background-color: #01bceb !important}
.lh-75{line-height: 75px}
.lh-13{line-height: 1.3}
.z-100{z-index: 100 !important}
.z-1000{z-index: 1000 !important}
.v-top{vertical-align: top}
.bg-black{background: #58585b !important; border-color: #58585b !important}
.min-height-100{min-height: 123px}
.border-2{border-width:2px !important;}
.p-0{padding: 0}
.width-40{width: 40px}
.green_gradient{background: linear-gradient(142.9deg, #459c20 34.95%, #8BCB23 100%);
box-shadow: 0px 22px 30px rgba(0, 0, 0, 0.05);}
.grey_gradient{background: radial-gradient(581.94px at 100% 100%, #F0F2F5 0%, #FFFFFF 100%);}
.blue_gradient{background: linear-gradient(99.61deg, #009EDC 39.21%, #00B0C8 100.26%);}
.box_shadow{box-shadow: 0px 22px 30px rgba(0, 0, 0, 0.05);}
.awareness_bluegradnt{background: linear-gradient(313.33deg, #00BCEB 24.54%, #43D2F5 99.31%), #4E93C5; height: 410px;}
.awareness_greengradnt {
    background: linear-gradient(313.33deg, #74ce4d 24.54%, #6cbe49 99.31%), #6cbe49;
    height: 410px;
}
.list-style li{list-style: disc; display: list-item;}

.header_faq{font-size: 16px;color: #4d4d4d !important;border-bottom: solid 1px #4d4d4d;line-height: 16px;padding: 0;margin-right: 2%;}
.navbar > .container{position: relative}
.navbar-nav li a.nav-link{font-size: 16px; color: #4d4d4d !important; border-bottom: solid 4px transparent}
.navbar-light .navbar-nav .nav-link:hover{color: #017CAD !important; border-bottom: solid 4px #017CAD}
.navbar-nav li a.active{color: #017CAD !important; border-bottom: solid 4px #017CAD}
.navbar-nav li{ margin-right: 20px; padding: 0 0.9rem;}
.header-spanish .navbar-nav li{ margin-right: 5px !important; }
.navbar-nav li a.inactive{color: #cccccc !important}
.navbar-nav li a.inactive i{background: #ccc; font-style:normal; color: #fff}
.btn-transp {background: transparent; color: #999999;  border: solid 1px #999999; font-size: 14px; border-radius: 2px; padding: 12px 20px 11px 20px}
.btn-transp:hover{color: #999999}
.top-right-links{position: absolute; right: 20px; top: -14px; transition: 0.15s all ease;}
.top-right-links a{font-size: 12px; color: #999999; margin-left: 16px}
nav.navbar{transition: 0.15s all ease}
nav.navbar.shrink  { padding-top: 2px !important; transition: 0.15s all ease;  box-shadow: 1px 1px 20px 1px rgb(222, 222, 222); background: #f5f5f5}
nav.navbar.shrink .top-right-links{ top: -5px}
nav.navbar.shrink .btn-transp{padding: 5px 20px }
.contact-btn { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); background: #9a9a9a; font-size: 13px; color: #fff; padding: 10px 22px 8px 22px; border-radius: 5px; }
.contact-btn:hover{color: #fff;}

.window_height{height: calc(100vh - 50px); max-height: 900px; position: relative;}
.home_cover{ background-size: 100%, auto; background-image: url(/utilities/images/cover_bg.png),url(/utilities/images/logo-big-white/.png); background-repeat: no-repeat, no-repeat; background-position:  center bottom, center bottom; height: calc(100vh - 50px); max-height: 900px;  position: absolute; left: 0; right: 0; bottom: -42px; z-index: 100;}
.scroll_down{background: #ffffff; color: #809ea2; padding: 16px 21px 13px 21px; border-radius: 100px; font-size: 19px; box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.13); display: inline-block;font-weight: normal; text-align: center; position: absolute; bottom: 7%; left: 0; right: 0; margin: 0 auto; width: 60px;}

.video_section{background: url(/utilities/images/svg/newvideo_dashboard.svg) no-repeat 50% 145%; height: 450px;   position: relative;  margin: -22% auto 0 auto}
.home_video_play_icon {position: absolute; top:35%; left:44%; background-color: #017CAD; border-radius: 200px; padding: 24px 28px 9px 40px; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);  }
.home_video_play_icon img{cursor: pointer;}
.home_video_play_icon span{display: block; font-size: 12px; color: white; margin: 6px 0 0 -11px;}
/* #video_player .modal-lg{max-width: 65% !important}*/
#video_player iframe{height: 500px;}
.play_box{transition: all .1s ease-in-out; background:url(/utilities/images/play-btn-bg.png) no-repeat left top; width: 438px; height: 438px; position: relative; display: inline-block; margin: -12px 0 0 60px;}
.play_box > span{position: absolute; left:0; right: 0; top:33%; margin:0 auto}
.play_box:hover {transform: scale(1.1) }

section{margin-top:-23px; position: relative;}
.intro_spaces_panel h4{font-size: 20px; font-weight: bold; margin-bottom: 7%; border-top: solid 1px #f2f2f2;  padding-top: 7%}
.intro_spaces_panel p{font-size: 18px;  color: #39393b}
.section_border{border-bottom:#f2f2f2 6px solid; width: 156px; margin:0 auto; display: block}
.clear{clear: both}
.city_illustrator_img{background: url(/utilities/images/city_illustr.png) no-repeat top left; background-size: contain; height: 660px; width: 100%}
.city_illustrator_img:hover{background-image: url(/utilities/images/city_illustr_hover.png)}

.home_banner_btns a { font-size: 14px; display: inline-block; padding: 5px 35px; vertical-align: middle;box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1) !important; line-height: 28px;     border-radius: 30px !important;}
.home_banner_btns a > img{display: none}
.blue_box { padding: 8rem 0 4rem 0 !important; background-color: #0096d6; line-height: 55px}
.img_bottom{ height:260px; display: table-cell; vertical-align: bottom}
.header_blog_link{ font-size: 16px; color: #808080 !important; z-index: 1}
.navbar-toggler, .navbar-collapse{z-index:1}
.navbar { padding-top: 1% }
.spaces_logo{ position: absolute; left:0; right:0; text-align: center}
.btm_greytext{ font-size: 15px; text-transform: uppercase; color: #9b9b9b; position: absolute; bottom: 0; left: 0}

.get_started { font-size:40px; line-height:45px}
.get_started > div{ height:334px}
.vcenter { display: flex; flex-direction: column; justify-content: center}
.home_video_btn { font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 12px 24px 12px 20px; margin-top: 4.5rem}
.home_video_btn i { font-size: 18px; vertical-align: text-bottom; margin-right: 4%}

.about_cover { background-image: url(/utilities/images/about_cover_fg.png),url(/utilities/images/svg/about_cover_bg.svg); background-repeat: no-repeat, no-repeat; background-position: 50% 160%, 50% 35%, center bottom; background-size: 100%, auto; height: calc(100vh - 50px); max-height: 800px; position: relative;}
/*Packages*/
.packages_cover{background-image: url(/utilities/images/packages_cover.png); background-repeat: no-repeat; background-position: 0 -80% ; background-size: 100%; height: calc(100vh + 160px); position: relative;}
.packages_cover > .container > h2 {position: absolute; bottom: 0; left: 0; right: 0; margin:0 auto;}
.package_spec_sub{padding: 20px 20px 0 20px; margin-bottom: 10px}
.package_spec_sub h3{padding: 0 6px 10px 6px; position: relative;}
.package_spec_sub h3 > i{ position: absolute; top: 5px; right: 0; font-size: 21px; cursor: pointer; -webkit-transition:all 300ms ease-in 0s;
    -moz-transition: all 300ms ease-in 0s;
    -o-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;}
  .package_spec_sub h3 > i.active{ -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}
.package_spec_sub ul{margin:0; padding:0;}
.package_spec_sub ul li{list-style: none;  margin-bottom: 10px; padding: 0 10px 0 10px;}
.package_spec_sub ul li:last-child{padding-bottom: 5px;}
.package_spec_sub span{font-size: 12px; display: block; color: #999999; border-bottom: solid 1px #d8d8d8;margin-top: 10px; line-height: 20px; padding-bottom: 15px; margin-bottom: 5px}
.package_spec_sub ul li:last-child span{border-bottom: none}
.extend_bg {
    background: url(/utilities/images/comb_bg.png) no-repeat top left;
    background-size: cover;
}
/*faq*/
.faq_catlink li{list-style: none; padding-bottom: 15px}
.faq_catlink li a{color: #86939e; font-size: 16px; display: inline-block; padding: 9px 25px; border-radius: 21px; min-width: 250px;}
.faq_catlink li a.active{color: #626469; background: #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.11)}
.faq_right_wrapper{background-color: #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.11); border-radius: 10px; padding: 30px 30px 20px 30px; margin-bottom: 35px;}
.faq_right_wrapper > h3{font-size: 32px}
.faq_questionbox{margin-bottom: 32px}
.faq_questionbox h6{font-size: 23px; color:#626469; padding-bottom: 14px}
.faq_questionbox p, .faq_questionbox li{color:#626469; line-height: 28px;font-size: 15px;}
.faq_questionbox a{ color:#049fd9; }
.faq_shrink{position: fixed;left:30px; right:0; top:100px; max-width: 1366px !important; display: block; margin: 0 auto;}

.whyspaces_cover{ color: #fff;  position: relative; background-image: }
.ws_coverimg{background: url(/utilities/images/whysee_cover.png) no-repeat 43% -6%;  background-size: 70%; background-color: #049FD9;}
.jsf{margin-top: 26%;}
.whyspaces_whitebox{width: 88%; height: 160px; padding: 6% 8% 0 8%; line-height: 30px; border-bottom: solid 4px #009fe2;}
.ws_stepnum{color: #049FD9; background-color: #fff; width: 40px; height: 40px; text-align: center; line-height: 40px; display: block; margin: 0 auto;border-radius: 34px;}
.spaces_steps .row{ position: relative}
.spaces_steps .row:nth-child(2):before, .spaces_steps .row:nth-child(4):before{ right: 4%;  text-align: right; top: -6%}
.whyspace_btmcover{ background-color: #1d3842; }
.whysee_stepanel{ position: relative;}
.whysee_stepanel_divider{position: absolute; left: 50%;}
.whysee_btn{font-size: 58px;
    padding: 10px 20px 3px 20px;
    background: #fff;
    color: #017cad;
    border-radius: 45px;
    line-height: 20px;
    font-family: ciscosans-extralight, Arial,sans-serif !important}
  .whysee_btn_blue{padding: 7px 19px;
    background-color: #fff;
    border-radius: 45px;
    line-height: 20px;
    font-family: ciscosans-extralight, Arial,sans-serif !important; color: #00a1df;}
.ws_itpanel{background: url(/utilities/images/ws_it_bg.png) no-repeat center top; background-size: cover; height: 900px;}
.ws_it_see_logo{ background: #fff; display: inline-block; padding: 5%; position: absolute; bottom: 0; right: 0;}
.ws_it_see_logo > img{width: 220px}
.ws_it_row{position: absolute; bottom: 5%; left: 0; right: 0; margin: 0 auto;}
.ws_nav .navbar-nav li a.nav-link{ color: #ffffff !important; opacity: 0.8}
.ws_nav .navbar-nav li a.nav-link:hover{ color: #ffffff !important; opacity: 1; border-color: #fff !important}
.ws_nav, .awareness_nav, .productactivation_nav, .impact_nav{display: none !important}
.page-id-1022 nav.navbar > .container, .page-id-617 nav.navbar > .container, .page-id-604 nav.navbar > .container, .page-id-656 nav.navbar > .container, .page-id-1391 nav.navbar > .container, .page-id-1418 nav.navbar > .container, .page-id-666 nav.navbar > .container, .page-id-664 nav.navbar > .container , .page-id-669 nav.navbar > .container , .page-id-671 nav.navbar > .container, .page-id-1625 nav.navbar > .container, .page-id-700 nav.navbar > .container {display: none}
.page-id-1022 nav.navbar > .container.ws_nav, .page-id-617 nav.navbar > .container.ws_nav, .page-id-604 nav.navbar > .container.ws_nav, .page-id-656 nav.navbar > .container.ws_nav, .page-id-1625 nav.navbar > .container.impact_nav, .page-id-700 nav.navbar > .container.impact_nav{display: block !important;}
.page-id-1391 nav.navbar > .container.awareness_nav, .page-id-664 nav.navbar > .container.awareness_nav,.page-id-671 nav.navbar > .container.awareness_nav,.page-id-1625 nav.navbar > .container.impact_nav, .page-id-700 nav.navbar > .container.impact_nav{display: block !important}
.page-id-1418 nav.navbar > .container.productactivation_nav,  .page-id-666 nav.navbar > .container.productactivation_nav, .page-id-669 nav.navbar > .container.productactivation_nav{display: block !important}
.page-id-1418 nav.navbar, .page-id-666 nav.navbar, .page-id-669 nav.navbar{background-color: #0D274D !important}
.page-id-1418 nav.navbar li a, .page-id-666 nav.navbar li a, .page-id-669 nav.navbar li a{color: #fff !important}
.page-id-1418 nav.navbar li a.active, .page-id-666 nav.navbar li a.active, .page-id-669 nav.navbar li a.active{ color: #fff !important; border-bottom: solid 4px #fff }
body.page-id-1022, body.page-id-617, body.page-id-604, body.page-id-656 {background-color: #049FD9 !important}
.page-id-656 nav.navbar > .container a.btn{display: none;}
body.page-id-1022 footer, body.page-id-617 footer, body.page-id-604 footer, body.page-id-656 footer{background-color: #1d3842 !important}
body.page-id-1022 footer small, body.page-id-617 footer small, body.page-id-604 footer small, body.page-id-656 footer small{color: #fff}
body.page-id-1022 nav.navbar.shrink, body.page-id-617 nav.navbar.shrink, body.page-id-604 nav.navbar.shrink, body.page-id-656 nav.navbar.shrink { box-shadow: 1px 1px 17px 1px rgba(12, 35, 41, 0.3); background: #00a1df;}
body.page-id-1022 footer .top_link, body.page-id-617 footer .top_link, body.page-id-604 footer .top_link, body.page-id-656 footer .top_link {background-color: transparent !important; border-radius: 30px; padding: 5px 24px;}
body.page-id-1625 nav.navbar.shrink, body.page-id-700 nav.navbar.shrink{box-shadow: 1px 1px 20px 1px rgb(27, 38, 51);
    background: #1b3f68;}
/*email template faq*/
.page-id-1201 nav.navbar > .container .navbar-collapse, .page-id-634 nav.navbar > .container .navbar-collapse, .page-id-619 nav.navbar > .container .navbar-collapse, .page-id-1201 nav.navbar > .container .navbar-toggler, .page-id-634 nav.navbar > .container .navbar-toggler, .page-id-619 nav.navbar > .container .navbar-toggler{display: none !important}
/*why see cover form*/
.ws-cover-hbspt-form fieldset.form-columns-2 .hs-form-field { width: 47% !important; margin-left: 6px; display: inline-block;}
.ws-cover-hbspt-form fieldset.form-columns-2 .input{    margin-bottom: 3px;}
.ws-cover-hbspt-form fieldset div > label{display: none !important}
.ws-cover-hbspt-form input[type="text"], .ws-cover-hbspt-form select, .ws-cover-hbspt-form input[type="email"], .ws-cover-hbspt-form input[type="tel"], .ws-cover-hbspt-form input[type="number"]{height: 36px !important; margin-top: 3%;}
.ws-cover-hbspt-form.hbspt-form input[type="submit"]{ background:#6CBF52 !important; }

/*Blog styles*/
.blog_home article:first-child{text-align: left; height: 510px}
.blog_home article{text-align: center; background-size: cover !important; height: 600px; padding:7%; border-radius: 6px; position: relative; margin-bottom: 1rem;color:#fff;}
.blog_home article:not(:first-child) header { margin-top: 5%; margin-bottom: 6%;position: relative; z-index: 10}
.blog_post header{background-size: cover !important; height: 510px; padding:7%; border-radius: 6px; position: relative; margin-bottom: 1rem;color:#fff }
.blog_home article:first-child h2, .blog_post header h2{width:65%;  margin:0; position: relative; z-index: 100}
.blog_home article h2{width:40%; margin:0 auto}
.time_cat, .time_cat a{color:#fff; font-size:14px; position: relative; z-index: 100}
.author_name > img{border-radius: 30px; margin-right: 10px}
.blog_home article hr, .blog_post header hr{border-bottom: #cf2030 solid 2px; height: 2px; width: 65px; display: inline-block; position: relative; z-index: 100}
.blog_home article:first-child .entry-footer, .blog_post header .entry-footer{position: absolute; bottom: 7%; right: 7%; text-align: left}
.blog_home article .entry-footer{position: relative; bottom: 0; margin-top: 4%;  left:0; right:0}
.blog_post .entry-content{background: #fff; color: #666666; font-size:16px; padding: 1% 7%; line-height: 30px}
.blog_post .entry-content h1, .blog_post .entry-content h2, .blog_post .entry-content h3, .blog_post .entry-content h4  {margin: 2rem 0}
.blog_post .entry-content ul, .blog_post .entry-content ol{margin: 3% 0}
.comments-area, .post-navigation{display:none}
.dt_top > a, .dt_top > span, .dt_bottom {display:none}
.blog_home article:first-child .dt_top > a, .blog_home article:first-child .dt_top > span {display:inline-block}
.blog_home article:not(:first-child) .dt_bottom {display: block}
.blog_home article:not(:first-child) .dt_top > a {display: inline-block}
.comment-count i{margin-right:10px}
.blog_opacity{ background-color: rgba(0, 0, 0, 0.64); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 0}
.white_opacity{background-color: rgba(255, 255, 255, 0.50);position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 100;}
.entry-header h2, .blog_home > h1{font-size: 40px}
.cat-tag{font-size: 14px !important; cursor: unset !important}
.blue_border{border-bottom: solid 1px #009edc; display: inline-block; width: 65px}
.post_div:hover{box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);}
.form-inline{ margin-left: 12%;}
/*Form */
.pop_form form{color: #999999}
.pop_form form .form-group label{ font-size: 12px; margin-bottom}
.pop_form form > p{font-size: 18px; text-align: center}
.pop_form form input::-webkit-input-placeholder, .pop_form form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 16px;color: #cccccc}
.pop_form form input::-moz-placeholder, .pop_form form textarea::-moz-placeholder { /* Firefox 19+ */  font-size: 16px;color: #cccccc}
.modal-content .close{position: absolute; right:20px; top:15px; color: #d8d8d8; font-size: 30px}
.thankyou_msg a.btn{color:#b3b3b3; border-radius:20px}
select.form-control { height: calc(2rem + 2px);}
/*masonry*/
.masonry-container .card{width:360px !important; margin-right:5%; border:none; border-radius:0; border-top:solid 1px #e6e6e6 }
.masonry-container .card-body{font-size: 16px;     color: #464646}
.masonry-container .card-title { margin: 20px 0 10px 0; font-weight: bold; font-size: 18px}
.intro_vdo_block{ font-family: ciscosans-bold, Arial,sans-serif !important; border: 10px solid #e6e6e6; width: 85%; background: #404040; color: #fff; font-size: 1.8rem; padding: 10px 20px; line-height: 36px}
.intro_vdo_block_cnt{position:relative; line-height: 22px; font-size: 14px; width: 90%}
.intro_vdo_block_cnt i{position: absolute; left: 8px; top: 21px;font-size: 22px; color: #cecece}

footer{background: #f5f5f5; color: #43484d; font-size:15px; margin-top: -16px !important; padding: 1% 0 4% 0;}
/*footer > .container{border-top: #e6e6e6 2px solid}*/
.footel_social_icons{display:inline-block; vertical-align:middle}
.footel_social_icons > a{display:inline-block; width: 50px; height: 50px;background-color: #ffffff; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); text-align: center;  padding: 14px 0;  color: #cccccc}
.top_link{font-size:14px; color: #cccccc; line-height: 30px}
.cookie_panel{position: fixed; right: 1%; bottom: 20px; width: 430px; background-color: #ffffff; border: solid 1px #ced4d9; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15); color: #86939e; padding: 16px 24px 24px 24px; font-size: 14px;  line-height: 25px}
.cookie_panel span{ position: absolute;  bottom: 8px; right: 30px;  font-size: 13px; color: #fff; cursor: pointer;background: #58585b;padding: 3px 18px;border-radius: 4px;}
.cookie_panel a{color: #626469; border-bottom: solid 1px #809ea2; padding-bottom: 3px}

/*product activation*/
.productactivation_covermap{ background: url(/utilities/images/dotted_map.png) no-repeat top center; background-size: auto; }
.girl_dashboard_bg { background: url(/utilities/images/girl_dashboard_bg.png) no-repeat top left; background-size: cover;}
.activation_see_bg{ background: url(/utilities/images/activtn_seebg.png) no-repeat center center #00BCEB; }
.activation_act_bg{ background: url(/utilities/images/activtn_actbg.png) no-repeat center center #6EBE4A; }
.activation_extend_bg{ background: url(/utilities/images/activtn_extendbg.png) no-repeat center center #1E4471; }
.product_activation .hbspt-form { width: 85%; margin: 0 ;}
.product_activation .hbspt-form legend{ font-size: 13px; color: #666666 }
.product_activation .hbspt-form label{margin-bottom: 6px; }
.product_activation .hbspt-form fieldset div > label {
    display: none !important;
}
.product_activation .hbspt-form h5{margin-top:12px;}
.product_activation .hbspt-form label > span{color: #0D274D; font-size: 18px; font-weight: bold; margin: 18px 0 0 0; display: inline-block}\
.product_activation .hbspt-form input[type="submit"]{margin: 0}
.product_activation .hbspt-form >form > div >label{display: block !important;}
.activtn_toplink{    position: absolute; top: 30px; right: 30px; font-size: 26px}
.circles{ display: inline-block; 
    padding: 4em 34px;
    color: #fff;
    border-radius: 121px;
    width: 200px;
    height: 200px;
    text-align: center;
    line-height: 24px;
    margin: 10px 18px; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1) !important; vertical-align: top}
.circles span{ vertical-align: middle; display: table-cell; padding: 0 20px;}
.circles:first-child { margin: 5em 0 0 0;}
.circles:nth-child(3){ margin: 5em 0 0 0;}
.circles:nth-child(4){ margin: 1em 0 0 0;}
.circles:nth-child(6){ margin: -2em 0 0 0;}
.circles:nth-child(7){ margin: -2em 0 0 4em}

.prodct_actvtn_cust_bg{background: url(/utilities/images/map-top.png) no-repeat bottom center; background-size: contain;}

/*Impact FY20*/
.page-id-1625, .page-id-700{background: url(/utilities/images/impactfy_cover.png) no-repeat top center; background-size: auto;}
.impactfy_cover{  height: calc(100vh - 200px);
    max-height: 900px;
    position: relative;}
.impact_one_bg{background: url(/utilities/images/impact_one_grey.png) no-repeat 50% 10%; background-color: #FCFCFC}
.impact_two_bg{background: url(/utilities/images/impact_two_grey.png) no-repeat 50% 10%; background-color: #FCFCFC}
.impact_three_bg{background: url(/utilities/images/impact_three_grey.png) no-repeat 50% 5%; background-color: #FCFCFC}
.impact_four_bg{background: url(/utilities/images/impact_four_grey.png) no-repeat 50% 10%; background-color: #FCFCFC}
.impact_five_bg{background: url(/utilities/images/impact_five_grey.png) no-repeat 50% 10%; background-color: #FCFCFC}
.impact_video_section{margin: -31% auto 0 auto; position: relative;}
.video_opacity{ background-color: rgba(0, 0, 0, 0.38); position: absolute; top: 0; left: 0; bottom: 16px; right: 0; z-index: 0; padding-top: 22%;}

/*hubspot forms*/
.hbspt-form { width: 50%; margin: 0 auto;}
.hbspt-form-quote, .hbspt-form-quote .hbspt-form{width: 90% !important}
.hs-form-required{display: none}
.hs-error-msgs{text-align: left; color: #bb6868; list-style: none; margin: -2% 0 0 0; padding: 0; font-size: 13px;}
.hbspt-form input[type="text"], .hbspt-form select, .hbspt-form input[type="email"], .hbspt-form input[type="tel"], .hbspt-form input[type="number"]{ margin-bottom: 5%;  font-size: 14px;box-sizing:border-box; width: 100%; height:63px; background: #fff; border: 1px solid #ced4da; border-radius: .25rem;  padding: 10px; margin-bottom: 2%}
.hbspt-form textarea {box-sizing:border-box; width: 100%; background: #fff; border: 1px solid #ced4da;  font-size: 14px; padding: 10px; margin-bottom: 2%; height: 120px; border-radius: .25rem;}
.hbspt-form.faq-form input[type="email"]{width: 92%}
.hbspt-form.faq-form textarea{width: 92%; height: 150px}
.hbspt-form input[type="text"]:focus{ background:#fff; border: 5px solid rgb(50, 115, 225); outline: none }
.hbspt-form input[type="submit"]{width:240px; font-weight: 400; font-size: 16px; border-radius: 30px; height:40px; background:#017CAD; color:#fff; text-align:center; border:none; margin:0 auto; margin-top: 20px; display: inherit; cursor:pointer}
.hbspt-form >form > div >label{display: none}
.hbspt-form fieldset{max-width: unset !important}
.inputs-list{padding: 0; margin:0;}
.hs-form-checkbox{list-style: none;display: inline-block;width: 50%;float: left;text-align: left; font-size: 16px;}
.hs-form-checkbox input{ margin-right: 8px; vertical-align: text-top;}
.hs_i_am_a{text-align: left}
.partners_form .hbspt-form{padding:2%; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important}

.nwsltr_subscrptin_form .hbspt-form{width: 100%}
.nwsltr_subscrptin_form .hbspt-form input[type="submit"]{width: 100%; margin-top: 0; font-size: 16px; border-radius: 0}
.nwsltr_subscrptin_form .hbspt-form .hs_submit{float: right; border-radius: 0; width: 35%;}
.nwsltr_subscrptin_form .hbspt-form .hs_email{ width: 63%; display: inline-block; float: left;}
.nwsltr_subscrptin_form .hbspt-form input[type="email"]{height: 50px}
.submitted-message{font-size: 16px; color: #319247}

.hbspt-form-quote .submitted-message{color: inherit !important;}
.hbspt-form-quote .submitted-message p:first-child {color: inherit !important; font-size: 2rem; font-family: ciscosans-light, Arial,sans-serif !important;}
.hbspt-form-quote form fieldset label{display: block;}
.hs_infrastructure_type{text-align: left; padding: 10px 5px;}
.hs_infrastructure_type > label{display: block !important}

/*Contact us page*/
.contactus_cover{ height: 515px;position: relative;}
.contactus_cover .home_cover{ height: 454px;}

.verticals_section b{display: block; margin-bottom: 16px; font-size: 26px; font-weight: bold; margin: 15px 0 18px 0}
.verticals_section p{font-size: 17px}
.verticals_section span{display: block; min-height: 85px; line-height: 85px;}
.verticals_section > div{margin-bottom: 5%}

.partner_content h2{min-height: 82px; padding: 0 20% 0 0;}
.partner_content .bg-white{min-height: 277px}

.bxslider li{text-align: center; width: auto !important; }
.bxslider img{height: 50px; padding: 0 40px}

.thankyou_bg{background: url(/utilities/images/whyspaces_bg.png) no-repeat top left; background-size:cover }
.activation_thankyou_bg{background: url(/utilities/images/activation_thnkyou_cover.png) no-repeat 0 75%; background-size: 100% }
.partner_cover{background: url(/utilities/images/partner_cover.png) no-repeat top left; background-size:cover;height: 100%; width: 100%; position: absolute; top: -75px; }
.partners_form .hbspt-form input[type="text"]:first-child, .partners_form .hbspt-form input[type="text"]:second-child {width: 88%}

/*tabs style*/
ul.dnatabs {margin: 0 12%; padding: 0; list-style: none;}
ul.dnatabs li, .tab_drawer_heading {cursor: pointer; padding: 20px; overflow: hidden; position: relative; width: 200px; font-size: 16px; margin: 2% 3% 0 0; display: inline-block; vertical-align: top; text-align: left; font-family: ciscosans-light, Arial,sans-serif !important; text-align: center; }
ul.dnatabs li b, .tab_drawer_heading b{font-size: 30px; font-weight: normal }
ul.dnatabs li span, .tab_drawer_heading span{position: absolute; right: 20px; top: 20px; color: #fff; opacity: 0.2; font-size: 40px;font-family: ciscosans-heavy, Arial,sans-serif !important;}

.dnatabs_content .masonry-container{min-height: 315px; margin:0 2% 0 17%}
.dnatabs_content .card{ box-shadow: 0 5px 20px 0 rgba(50, 50, 50, 0.2); border-radius: 6px; width: 275px !important; text-align: left; margin-bottom: 2% !important; margin-right: 1% !important}
.dnatabs_content .card span{position: absolute; top: 20px; right: 20px}
.dnatabs_content .masonry-container .card-title { margin: 25px 60px 0 20px; min-height: 42px}
.dnatabs_content .masonry-container .card-body {font-size: 15px;color: #626469; line-height: 23px; padding: 0 1.25rem 1.25rem 1.25rem}
.red_line{display: inline-block; width: 25px; height: 3px; background: #cf2030; margin-left: 8%}
.blue_line{display: inline-block; width: 25px; height: 3px; background: #64bbe3; margin-bottom: 2%}
ul.dnatabs li:hover {}
.tab_see .arrow_up{border-bottom: solid 30px #00bceb;}
.tab_act .arrow_up{border-bottom: solid 30px #6ebe4a; }
.tab_extend .arrow_up{border-bottom: solid 30px #fbab18; }
ul.dnatabs li.active.tab_see { color: #00bceb}
ul.dnatabs li.active.tab_act { color: #6ebe4a}
ul.dnatabs li.active.tab_extend { color: #fbab18 }
ul.dnatabs li.active {}

.dnatabs_container { border-top: none; clear: both;width: 100%;margin-top: -2px;background-size: cover; height: auto; }
.dnatabs_content {padding: 20px 12% 6% 12%; display: none; min-height: 250px}
.tab_description{ color: #005073; padding: 2% 2% 2% 2%; position: relative;}
.tab_blue{background: #00bceb;}
.tab_green{background: #6ebe4a;}
.tab_orange{background: #fbab18;}
.tab_drawer_heading { display: none; }

.arrow_up{width: 60px; height: 30px; border-left: solid 30px transparent; border-right: solid 30px transparent; bottom: -12px;left: 36%; display: inline-block; display: none; position: absolute;}
ul.dnatabs li.active .arrow_up{display: block}
.tab_blue .arrow_up{border-bottom: solid 30px #179cdc;}
.tab_green .arrow_up{border-bottom: solid 30px #a9c112; left: 250px;}
.tab_orange .arrow_up{border-bottom: solid 30px #ff7300; left: 490px}

.dna_deplybg{background: url(/utilities/images/bg-stats.png) no-repeat top left; background-size: cover}
.packages_features li{padding-bottom: 10px}
.close.formclose {
    position: absolute;
    right: 0;
    top: 18px;
    text-shadow: none;
    border: 0;
    opacity: 1;
    z-index: 10000;
}
.close img {
    width: 50%;
}

@media screen and (max-width: 480px) {
    .dnatabs, .tab_description {display: none }
    .tab_drawer_heading { color: #fff; margin: 0 auto 12px auto; padding:  20px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 97%; border-radius: 6px;box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.17);line-height: 24px; text-align: left}
    ul.dnatabs li span, .tab_drawer_heading span {position: absolute; right: 20px; top: 20px; color: #fff; opacity: 0.2;font-size: 40px; font-family: ciscosans-heavy, Arial,sans-serif !important;}
    .tab_drawer_heading.d_active span{opacity: 1}
    .d_active {background-color: #666; color: #fff;}
    .dnatabs_content {padding: 0; min-height: auto !important}
    .dnatabs_container{height: auto !important;}
    .dnatabs_content.tab_blue{background: transparent;}
    .dnatabs_content.tab_green{background: transparent;}
    .dnatabs_content.tab_orange{background: transparent;}
    .tab_see {background-color: #179cdc !important;color: #fff;}
    .tab_act {background-color: #a9c112 !important;color: #fff;}
    .tab_extend {background-color: #ff7300 !important; color: #fff;}
}

/*Back to business*/
.bb-circle-container{
  position: relative;
  height: 520px;
  width: 520px;
  transform: rotate(45deg);
}
.scale{
  height: 260px;
  width: 260px;
  background-size: cover;
  position: absolute;
  transition: 0.3s all; text-align: center;
}
div#one {
  -moz-border-radius: 324px 0 0 0;
  border-radius: 324px 0 0 0;
  left: 0;
  top: 0;
      padding: 112px 41px 0 88px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#009fd9+0,046b94+100 */
  background: #009fd9; /* Old browsers */
  background: -moz-linear-gradient(top,  #009fd9 0%, #046b94 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #009fd9 0%,#046b94 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #009fd9 0%,#046b94 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009fd9', endColorstr='#046b94',GradientType=0 ); /* IE6-9 */
}
div#two{
   -moz-border-radius: 0 324px 0 0;
   border-radius: 0 324px 0 0;
   right: 0;
   padding: 104px 36px 0 44px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#abc233+9,abc233+38,738422+100 */
   background: #abc233; /* Old browsers */
   background: -moz-linear-gradient(top,  #abc233 9%, #abc233 38%, #738422 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  #abc233 9%,#abc233 38%,#738422 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  #abc233 9%,#abc233 38%,#738422 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abc233', endColorstr='#738422',GradientType=0 ); /* IE6-9 */
}
div#three{
  -moz-border-radius: 0 0 324px 0;
  border-radius: 0 0 324px 0;
  bottom: 0;
  right: 0;
      padding: 84px 0 0 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffc04b+9,ffc04b+38,c8963a+100 */
   /* Old browsers */
   /* FF3.6-15 */
   /* Chrome10-25,Safari5.1-6 */
   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   /* IE6-9 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffc04b+8,c8963a+100 */
  background: #ffc04b; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffc04b 8%, #c8963a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffc04b 8%,#c8963a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffc04b 8%,#c8963a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc04b', endColorstr='#c8963a',GradientType=0 ); /* IE6-9 */
}
div#four{
  -moz-border-radius: 0 0 0 324px;
  border-radius: 0 0 0 324px;
  bottom: 0;
  padding: 110px 56px 0 84px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#004e6c+8,004e6c+41,003648+100 */
  background: #004e6c; /* Old browsers */
  background: -moz-linear-gradient(top,  #004e6c 8%, #004e6c 41%, #003648 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #004e6c 8%,#004e6c 41%,#003648 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #004e6c 8%,#004e6c 41%,#003648 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004e6c', endColorstr='#003648',GradientType=0 ); /* IE6-9 */
}
.scale:hover{
  transform: scale(1.1);
  z-index: 100;
    filter: blur(0) !important;
  -webkit-filter: blur(0) !important;
}
.container:hover .scale{
}
.scale a{position:absolute;
left:0; right:0; top:0; bottom:0; z-index: 10000
}
.center-logo{
       position: absolute;
    width: 100px;
    left: 41%;
    top: 31%;
    transform: none;
}
.center-logo > img{width: 234px}
.circle-content{
    transform: rotate(-45deg); line-height: 23px;
    letter-spacing: 1px;
}
.circle-text-grey{color: #565659}
.circle-text-green {color: #abc233}
.circle-text-black{color: #1d3243}
.circle-btn-p{padding: 10px 40px 10px 16px; border-radius: 28px;}
.bb-bgcolor-distem{background-color: #65c5b9;  }
.circle-text-distem{color: #4c9c92;}
.bb-bgcolor-orange{background-color: #e7ce4c; }
.bb-text-orange{color: #b09507; }
.bb-bgcolor-blue{background-color: #6189d9; }
.bb-text-blue{color: #4666a6; }
.bb-bgcolor-purple{background-color: #ce88bd;}
.bb-text-purple{color: #be60a6;}
.bb-bgcolor-distem2{background-color: #78bcd5; }
.bb-text-distem2{color: #629aae; }
.bb-bgcolor-red{background-color: #e17551; }
.bb-text-red{color: #e17652; }
.bb-bgcolor-orange2{background-color: #e7ce4c; }
.bb-text-orange2{color: #c6b03a; }
.bb-bgcolor-blue2{background-color: #53acbe; }
.bb-bgcolor-red2{background-color: #ff7070; }
.bb-text-red2{color: #df6060; }
.bb-bgcolor-violet{background-color: #893e78; }
.bb-text-violet{color: #893e79; }
.bb-bgcolor-orange3{background-color: #fc925f; }
.bb-text-orange3{color: #d97648; }
.bb-bgcolor-distem3{background-color: #78bcd5;}
.bb-bgcolor-blue3{background-color: #467ead; }
.bb-text-blue3{color: #467fad; }
.bb-bgcolor-distem3{background-color: #52acbe}
.bb-text-distem3{color: #1790a8}
.circle-activatenow{  border-radius: 36.5px;
  box-shadow: 0 14px 16px 0 rgba(0, 0, 0, 0.16);
  background-image: linear-gradient(to bottom, #0acdee, #049fd9);     padding: 11px 60px;
    font-size: 22px;}
.circle-bg-grey{background-color: #f2f3f5}
.bb-heading{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(86deg, #00a5d3 0%, #4bbd9d 38%, #95ca4c 73%);
}
.safety_panel{background: url(/utilities/images/bb_safety_bg.png) no-repeat 47% 30px; background-size: 75%;}
.la_panel{background: url(/utilities/images/bb_la_bg.png) no-repeat right top; background-size: 75%;}
.contactless_panel{background: url(/utilities/images/bb_contactless_bg.png) no-repeat center top; background-size: 74%;}
.efficiency_panel{background: url(/utilities/images/bb_efficiency_bg.png) no-repeat left top; background-size: 75%;}
.bb_btm_height{height: 211px;}
.bb_blue_dot {display: inline-block;
    width: 8px;
    height: 22px;
    background: #467fad;
    float: left;
    margin-right: 10px;
    border-radius: 4px;}
.bb_yellow_dot {display: inline-block;
    width: 8px;
    height: 22px;
    background: #eddb79;
    float: left;
    margin-right: 10px;
    border-radius: 4px;}
.bb_red_dot {display: inline-block;
    width: 8px;
    height: 22px;
    background: #ff7070;
    float: left;
    margin-right: 10px;
    border-radius: 4px;}
.bb-list li{list-style: none}
.page-id-1714 header{display: none}
.bb_header{margin-top: -100px; background-color: #f2f3f5}
.bb_header img{width: 263px}
.bb_blue{color: #014f6c}
.bb_main_circle{background: url(/utilities/images/bb_main_circle.png) no-repeat center top;
    background-size: contain;}
.bb_sec_circle{
    position: absolute;
    top: 23%;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    z-index: 1000
}
.backtobusiness_form .hbspt-form{width: 90%; margin: 0 auto}
.backtobusiness_form .hbspt-form input[type="text"], .backtobusiness_form .hbspt-form select, .backtobusiness_form .hbspt-form input[type="email"], .backtobusiness_form .hbspt-form input[type="tel"], .backtobusiness_form .hbspt-form input[type="number"] {
    margin-bottom: 5%;
    font-size: 14px;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: 10px;
    margin-bottom: 2%;
}
.backtobusiness_form .hbspt-form fieldset .hs_firstname > div > input[type="text"], .backtobusiness_form .hbspt-form fieldset .hs_lastname > div > input[type="text"]{width: 90%}
.backtobusiness_form .hbspt-form textarea{border: 0;
    height: auto; pointer-events: none; resize: none; padding-bottom: 40px;
    margin-top: -26px;}
.bb_request_assistance_form .hbspt-form{width: 80%; margin: 10px}
.backtobusiness_form .hbspt-form legend{font-size: 14px; margin-bottom: 25px; color: #86939e}
.bb_p_absolute{position: absolute; right: 24px; top: 24px; z-index: 100}
.hs_do_you_have_dna_licenses_yesdescription > label, .hs_do_you_have_dna_licenses_nodescription > label{display: none}
.hs_do_you_have_dna_licenses_yesdescription input, .hs_do_you_have_dna_licenses_nodescription input{border: none !important; margin:0 !important;}
.no_pointer{cursor: none !important;}



/*bootstrap overwrite*/
.navbar-light .navbar-nav .nav-link { color: inherit; line-height: 25px; padding: .8rem 0 !important; }
.w-60 { width: 70%!important}
.btn-orange{background-color: #ff7300 !important; color: #fff; border-color: #ff7300} 
.btn-orange:hover{color: #fff}
.btn-dark{background-color: #58595b}
.btn-primary { background-color: #017CAD;  border-color: #017CAD; border-radius: 30px !important;
    padding: 5px 35px;
    line-height: 28px;}
.btn-primary:hover { background-color: #016a94; border-color: #016a94}
.bg-primary { background-color: #049fd9!important}
.no-gutter>[class^="col-"]{ padding-left: 0; padding-right: 0}
.btn-dark i, .btn-orange i{ font-size: 20px; vertical-align: middle}
.display-4 { font-size: 3.4rem}
.display-3 { font-size: 4.7rem}
.display-5{font-size:2.8rem}
.display-6{font-size: 2.18rem}
.display-7{font-size: 1.8rem}
.display-8{font-size: 1.5rem}
.text-small{font-size: 10px}
.text-small-btn{font-size: 14px}
.btn-white, .btn-white:hover { font-size: 14px; display: inline-block; padding: 5px 35px; vertical-align: middle; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1) !important; line-height: 28px;background-color: #fff; color:#121212; border-color: #fff; border-radius: 30px !important;}
.btn-blue, .btn-blue:hover{ font-size: 14px; display: inline-block; padding: 5px 35px; vertical-align: middle; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1) !important; line-height: 28px;background-color: #049fd9; color:#fff; border-color: #049fd9; border-radius: 30px !important;}
.btn-white > img, .btn-blue > img{display: none}

@media only screen and (min-width: 481px) and (max-width: 990px)  { 
    .navbar-nav{background: #fff; padding: 0 20px; width: 270px; float: right; margin-top: -25px !important; box-shadow: 1px 2px 20px #b8b8b840;}
}
@media (min-width: 1700px){
    .container { max-width: 1366px !important}
    .wifi-symbol, .wifi-symbol{top:50%}
    .home_cover{bottom: auto; background-size: cover}
}
@media (min-width: 1200px){
    .container { max-width: 1366px !important}
}
@media (max-width: 1366px){
    .wifi-symbol, .wifi-symbol{top: 110%}
    .home_cover{background-size: cover; bottom: 0;     height: 350px;}
    .whyspaces_cover{background-position: -115px 200%, center bottom}
    .navbar { padding-top: 1.5%}
    /*.about_cover{ background-position: 50% 286%, 50% 76%, center bottom}*/
    .masonry-container .card { width: 340px !important; margin-right: 1%}
}
/*for mobile screens*/
@media (max-width: 480px){
    body { overflow: hidden; font-size: 18px}
    nav.fixed-top { position: absolute;}
    .nav_bg_color{display: none}
    .navbar-collapse > ul{ border-bottom: solid 10px #dedede; background: #f5f5f5; margin-top: -20px !important; padding-top: 12px;}
    .navbar-collapse > ul li{padding: 6px 10px}
    .display-3 {font-size: 40px !important;}
    .display-2 {font-size: 4rem; line-height: 68px}
    .display-4, .display-5 {font-size: 2rem}
    .display-6 { font-size: 1.4rem}
    .no-gutter{ padding:0.8rem !important; margin:0 !important; margin-bottom: 0 !important} 
    .site-main .no-gutter{ padding:0 !important; margin:0 !important}
    .home_cover {bottom: 12px;}
    .package_box{height: auto}
    .wesee_box > div:first-child{ padding-left:0}
    .wesee_box { padding: 20% 6% 0 6%}
    .spaces_logo { margin-left:0 !important}
    .w-60 { width: 90%!important}
    .home_banner_btns{margin:0;     margin-bottom: 100px !important;}
    .home_banner_btns a{margin:0}
    .blog_home article h2, .blog_post header h2,.blog_home article:first-child h2, .blog_post header h2 { width: 100%}
    .blog_home article, .blog_post header, .blog_home article:first-child{height:auto}
    .blog_home .entry-footer, .blog_post header .entry-footer{position: relative}
    .top_link span{display:none}
    .blog_home article:first-child .entry-footer, .blog_post header .entry-footer { position: relative; bottom: 0; left: 0}
    .btm_greytext{position:relative}
    .wifiwaves{top: -14%}
    .circle{height: 30%}
    .get_started > div {height: 190px}
    .get_started {font-size: 28px}
    .masonry-container .card, .intro_vdo_block{width:100% !important; position: relative !important; top: 0 !important}
    .scroll_down{bottom: 50px; padding: 11px 6px 7px 6px; width: 50px}
    .home_banner_btns span{display: block}
    .play_box { background: url(/utilities/images/play-btn-bg.png) no-repeat center; width: 310px; height: 230px; position: relative; background-size: 83%; margin-left:4% !important; margin-top: 0;}
    .play_box > span{top: 23%;     left: 16px;}
    .play_box > a {top: 29%;}.play_box > a img{width: 50px}
    .video_section { margin-top: -70px !important; height: 245px;  background-size: contain;}
    .city_illustrator_img{height: 175px}
    .cisco-heavy{line-height: 40px}
    .lh-75 {line-height: 50px}
    .no_bg{background-image: none !important}
    .whyspacs_step1, .whyspacs_step2, .whyspacs_step3, .whyspacs_step4{height: auto; background-image: none}
    .whyspacs_step1 .text-right, .whyspacs_step2 .text-right, .whyspacs_step3 .text-right, .whyspacs_step4 .text-right{text-align: left !important}
    .spaces_steps .row:nth-child(2):before, .spaces_steps .row:nth-child(4):before, .spaces_steps .row:before { left: 2%; text-align: left; top: 6%}
    .whyspaces_cover{background-size: inherit; background-position: center bottom; height: auto; max-height: unset;}
    .wifi-symbol, .wifi-symbol {bottom: 0; width: 320px; height: 378px; top: 78%; left: 0;  right: 0; margin: 0 auto}
    .site-header{margin-top: -15px}
    .intro_spaces_panel .text-right{text-align: left !important}
    .city_illustrator_img{ height: 210px}
    .wifi-symbol .wifi-circle{left:50%; border-width: 1em}
    .about_cover{ background-position: 50% 247px, 50% 215px; height: 500px}
    .about_cover > .pt-5{padding-top: 0 !important}
    .window_height{height: auto; max-height: auto}
    footer{padding: 0}
    .cookie_panel{width: 98%; padding: 16px 10px 42px 10px;    box-shadow: 0px -2px 5px 3px rgba(0, 0, 0, 0.15);}
    .cookie_panel span{left: 0; right: 0; margin:0 auto; width: 55px;}
    .hbspt-form, .hbspt-form input[type="submit"]{width: 100%; text-align: center;}
    .header_faq{position: absolute; top: 65px; right: 0;}
    .contact-btn{ position: absolute; top: 58px; padding: 6px 13px 5px 10px; right: 0;}
    .contact-btn > img{display: none}
    .verticals_section b {font-size: 18px; margin: 1px 0 18px 0; line-height: 22px;}
    .verticals_section{text-align: center}
    .hs-form-checkbox{width: 90%}
    .dnatabs_container{background: none }
    .dnatabs_content .masonry-container{height: auto !important; min-height: auto; margin: 0}
    ul.dnatabs li b, .tab_drawer_heading b{padding-bottom: 2%}
    .internet_connc_section .home_banner_btns{margin-bottom: 25px !important}
    .partner_content .bg-white{min-height: unset;}
    .partner_content h2{min-height: unset;}  
    #video_player .modal-lg {
    max-width: 100% !important;}
    .video_section > a{left: 34%; top:62px; padding: 18px 21px 17px 32px;}
    .video_section a img{width: 28px; }
    #video_player iframe{height: 300px;}
    .packages_cover { background-position: 30% -24%; background-size: cover; padding-top: 10%;}
    .hbspt-form input[type="text"], .hbspt-form select, .hbspt-form input[type="email"], .hbspt-form input[type="tel"], .hbspt-form input[type="number"]{height: 36px}
    .hbspt-form textarea{height: 70px}
    .close.formclose{right: -10px; top: 7px;}
    .close img { width: 35%;}
    .packages_features .home_banner_btns{margin-bottom: 0 !important}
    .faq_shrink{position: relative;left:30px; right:0; top:100px; max-width: auto !important; display: block; margin: 0 auto;}
    .faq_catlink{padding:0; margin:0;}
    .faq_catlink li a{ padding: 5px 25px; display: block;; text-align: center}
    .faq_catlink li{ padding-bottom: 10px; }
    .hbspt-form.faq-form input[type="email"], .hbspt-form.faq-form textarea{width: 100%}
    .whyspaces_whitebox{    height: auto;
    padding: 0 8% 0 8%;
    margin: 0 auto;}
    .ws_itpanel{position: relative; }
    .ws_nav img{width: 172px;     margin-top: 10px;}
    .ws_nav .btn-primary{    padding: 5px 15px;}
    .ws_nav {margin-top:10px;}
    .whysee_stepanel .text-right{text-align: left !important}
    .ws_coverimg {background: none; background-size: 100%;}
    .jsf {margin-top: 15%;}
    .home_video_play_icon{ top: 52%; left: 39%;padding: 18px 23px 8px 31px;}
    .awareness_bluegradnt, .awareness_greengradnt{height: auto;}
    .circles{    margin: 10px 4px !important; line-height: 22px; width:140px; height: 140px; padding: 2em 34px 4em 34px;}
    .circles:first-child { margin: ;}
    .circles:nth-child(3){ margin: }
    .circles:nth-child(4){ margin: }
    .circles:nth-child(6){ margin: }
    .circles:nth-child(7){ margin: }
    .activtn_toplink {
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 26px;}
    .bb-circle-container{
      position: relative;
      height: 300px;
      width: 300px;
      transform: rotate(45deg);
    }
    .scale{
      height: 150px;
      width: 150px;
      background-size: cover;
      position: absolute;
      transition: 0.3s all; text-align: center;
    }
    .circle-content{font-size: 13px; line-height: 20px}
    div#one {
      -moz-border-radius: 324px 0 0 0;
      border-radius: 324px 0 0 0;
      left: 0;
      top: 0;
          padding: 50px 24px 0 39px;
    }
    div#two{
       -moz-border-radius: 0 324px 0 0;
       border-radius: 0 324px 0 0;
       right: 0;
       padding: 48px 30px 0 16px;
    }
    div#three{
      -moz-border-radius: 0 0 324px 0;
      border-radius: 0 0 324px 0;
      bottom: 0;
      right: 0;
          padding: 20px 0 0 0;
    }
    div#four{
      -moz-border-radius: 0 0 0 324px;
      border-radius: 0 0 0 324px;
      bottom: 0;
      padding: 33px 18px 0 35px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#004e6c+8,004e6c+41,003648+100 */
      background: #004e6c; /* Old browsers */
      background: -moz-linear-gradient(top,  #004e6c 8%, #004e6c 41%, #003648 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top,  #004e6c 8%,#004e6c 41%,#003648 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom,  #004e6c 8%,#004e6c 41%,#003648 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004e6c', endColorstr='#003648',GradientType=0 ); /* IE6-9 */
    }
    .scale:hover{
      transform: scale(1.1);
      z-index: 100;
        filter: blur(0) !important;
      -webkit-filter: blur(0) !important;
    }
    .center-logo {
        position: absolute;
        width: 100px;
        left: 39%;
        top: 37%;
        transform: none;
    }
    .center-logo > img {
        width: 100px;
    }
    .bb_main_circle {
        height: 272px;
    background: none;
    }
    .bb_sec_circle {
    position: absolute;
    top: 8%;}
    .bb_p_absolute {
        right: 24px;
        top: 12px;
    }
    .bb_p_absolute img{height: 40px}
    .safety_panel {
    background: url(/utilities/images/bb_safety_bg.png) no-repeat 47% 10%; background-size: 75%;}
    .la_panel {
    background: url(/utilities/images/bb_la_bg.png) no-repeat 98% 11%; background-size: 75%;}
    .contactless_panel {
    background: url(/utilities/images/bb_contactless_bg.png) no-repeat 40% -5%; background-size: 74%;}
}
@media screen and (max-width:1280px) {
    body{font-size: 18px}
    .home_banner_btns a {padding: 6px 23px;}
    .display-3 {font-size: 4rem;}
    .navbar { padding-top: .3%;}
    .scroll_down {padding: 12px 15px 8px 15px; width: 49px;}
    .display-4 {font-size: 2.2rem;}
    .display-6 { font-size: 1.8rem;}
    .get_started {font-size: 34px;}
    .navbar-collapse.mt-3, .navbar-brand.mt-3 { margin-top: 10px !important;}
    .h1, h1 { font-size: 2rem;}
    .intro_vdo_block{font-size: 1.4rem;}
    .navbar-brand img{max-width: 85%}
    .bg-grey2{margin-top: -38px;}
    .top-right-links{top:-3px;}
    .home_cover{bottom: -70px}
    .about_cover{    background-size: auto, 80%;}
    .city_illustrator_img{height: 580px}
    .dnatabs_content {min-height: 700px}
}