/*!
vianet.ca
*/

body{
	background-color:#f0f0f0;
	-ms-overflow-style:scrollbar!important;
	padding-top:0px!important
	overflow-x: hidden;
}

.navbar-collapse {
	border-top: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

#root-nav .navbar-nav {
	float: left;
	margin: 0;
}

.top-nav-logo {
	max-height: 56px;
	margin: 0;
}

.compressed header,
.compressed #root-nav {
	display: none;
}

.compressed .top-links{
	/* top: 20px; */
}

.compressed .top-links-text{
	/* display: none; */
	/* font-size: 0px; */
}

#cse-search-box .btn {
	margin-left: 0 !important;
	border-radius: 0 !important;
}

.nav .dropdown-menu {
	left: 4px;
}
.nav .dropdown-menu a {
	text-align: left;
	margin: 0;
}

#top-nav .fa,
#top-nav .glyphicon,
#top-nav .glyphicons {
	color: #fff !important;
	margin-right: 12px;
}
#top-nav .navbar-toggle .fa,
#top-nav .navbar-toggle .glyphicon,
#top-nav .navbar-toggle .glyphicons {
	margin: 0;
}
#top-nav .caret {
	color: #fff !important;
	margin-left: 12px;
}
#cse-search-box .btn .glyphicon {
	color: #fff !important;
}

#cse-search-box fieldset {
	display: none;
}

#cse-search-box .sr-only{
	color:#f8f8f8;
	font-weight:normal
}

#cse-option,
#cse-option-mobile{
	vertical-align:-2px
}

.compressed #cse-search-box #search{
	/* height: 25px; */
}

.compressed #cse-search-box button.search{
	/* padding: 2px 12px; */
}

.compressed #cse-search-box fieldset{
	/* display: none; */
}

.dropdown-menu a{
	color:#004280!important
}

table{
	width:100%!important
}

.fa,
.glyphicon,
.glyphicons{
	color:#f55f23
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.open .dropdown-toggle.btn-primary{
	background-color:#004280;
	border-color:transparent;
	-webkit-box-shadow:none;
	-webkit-focus-ring-color:none
}

.btn-split,
.btn-split:hover{
	border-left:1px solid #003669
}

.panel-heading{
	background-color:#f2f2f2!important;
}

#tv-content-viaprime,
#tv-content-viavalue{
	min-height:500px;
}

header {
	border: none;
	padding: 24px 12px;
}

header .row {
	padding: 0;
}

header #search,#search2,#search3 {
	border-radius: 0px;
	border-color: #004280 !important;
	background: #004280 !important;
	text-indent: 2px !important;
	color: #fff;
}

header #search:focus {
	box-shadow: none;
}

header .form-group {
	margin: 0;
}

.top-links .top-links-text {
	margin-left: 8px;
}

.navbar{
	background-color:#0053a0;
	border-bottom:6px solid #f55f23;
	border-radius:0;
	padding: 0 4px 6px;
	min-height: auto;
	margin-bottom: 0;
}

.navbar-right {
	margin-right: 0;
}

#root-nav {
	background-color: #004280;
	border-bottom: none;
	padding: 8px 4px 0;
}

.navbar li a {
	color:#f8f8f8!important;
	margin-left:4px;
	padding:12px!important;
	min-width: 44px;
	text-align: center;
}

.navbar li:first-child a .glyphicon {
	margin-right: 0 !important;
}

#root-nav a {
	padding: 4px 12px !important;
	font-size: 12px;
}

.nav-pills{
	overflow: hidden;
	border: 1px solid #e4e4e4;
}

.nav .active a,
.nav>li>a:focus,
.nav>li>a:hover,
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.start-page-active a{
	text-decoration:none;
	background-color:#004280;
	border-radius:4px;
	color:#f8f8f8;
}

#root-nav .nav .active a,
#root-nav .nav>li>a:focus,
#root-nav .nav>li>a:hover {
	background-color: #0053a0;
	border-radius: 4px 4px 0 0;
}

.navbar .dropdown-toggle {
	background-color: transparent;
}

.navbar .dropdown-toggle[aria-expaned="true"] {
	background-color: #0053a0;
}

.nav-pills>li>a{
	border-radius: 0 !important;
}

.compressed .nav>li>a{
	/* padding: 2px 12px !important; */
}

.compressed .top-nav-logo{
	/* width: 50%; */
}

#content-header,
#ads-container{
	margin-bottom: 20px;
}

#content-header .carousel-inner
#ads-container .carousel-inner{
	border-radius:4px;
	margin-bottom:15px;
	margin-top:0;
}

#content-header .carousel-caption,
#ads-container .carousel-caption{
	background-color:rgba(249,249,249,0.8);
	bottom:0;
	color:#333;
	height:100%;
	left:0;
	padding-left:50px;
	padding-right:10px;
	padding-top:15px;
	right:65%;
	text-align:left;
	text-shadow:0 1px 0 #fff;
}
#content-header .carousel-caption{
	background-color: rgba(0,0,0,0.4);
	color: #fff;
	right: 0;
	padding: 15px 50px;
	text-shadow: 0 1px 2px #000;
	border-radius: 0 0 6px 6px;
	height: auto;
}

#content-header .carousel-caption p,
#ads-container .carousel-caption p{
	font-size:1.2em;
	margin-bottom:15px;
}

#content-header .carousel-caption .glyphicon,
#content-header .carousel-caption .glyphicons{
	color: #fff;
	margin-top: 25%;
}

#content-header .carousel-caption h1,
#content-header .carousel-caption p{
	background-color: rgba(0,0,0,0.6);
	display: inline-block;
	padding: 8px;
}

#content-header .dropdown-menu,
#ads-container .dropdown-menu{
	color:#003566;
	position:relative;
	text-shadow:none!important;
}

#content-header .carousel-indicators,
#ads-container .carousel-indicators{
	bottom:0!important;
}

#content-header .carousel-indicators li,
#ads-container .carousel-indicators li{
	background-color:#f2f2f2;
	border:1px solid #ccc;
	height:12px;width:12px
}

#content-header .carousel-indicators .active,
#ads-container .carousel-indicators .active{
	background-color:#f55f23;
	color:#f8f8f8;
	height:14px;
	margin:0;
	width:14px
}

#content-header .carousel-control.left,
#ads-container .carousel-control.left,
.carousel-control.right{
	border-radius:4px;
	color:#333;
	z-index:20
}

#content-header .carousel-control,
#ads-container .carousel-control{
	width:5%
}

#content-header .carousel-control .glyphicon,
#ads-container .carousel-control .glyphicon{
	font-size:1.4em!important
}

#content-header .carousel img,
#ads-container #ads-content img{
	border-radius: 4px;
	width: 100%;
}

#ads-container #ads-content.download-speed .carousel-indicators li{
	width: auto;
	height: auto;
	text-indent: initial;
	color: #f26522;
	background-color: #fff;
	border-color: #f26522;
	padding: 6px 12px;
	border-radius: 24px;
	margin: 0 12px;
}

#ads-container #ads-content.download-speed .carousel-indicators{
	white-space: nowrap;
	left: 0px;
	width: 100%;
	margin-left: 0px;
}

#ads-container #ads-content.download-speed .carousel-indicators .active,
#ads-container #ads-content.download-speed .carousel-indicators li:hover{
	background-color: #f26522;
	color: #fff;
}

#ads-container #ads-content.download-speed .carousel-inner{
	padding-bottom: 52px;
}

#ads-container #ads-content.download-speed .carousel-inner .item img{
	position: absolute;
}

#ads-container #ads-content.download-speed .carousel-caption{
	position: relative;
	background-color: transparent;
	padding: 15px 50px;
	text-align: center;
}

#ads-container #ads-content.download-speed .carousel-caption > div{
	padding: 0px;
}

#ads-container #ads-content.download-speed .carousel-caption h1,
#ads-container #ads-content.download-speed .carousel-caption h2{
	text-align: left;
}

#ads-container #ads-content.download-speed .carousel-caption h1{
	margin-top: 0px;
}

#ads-container #ads-content.download-speed .carousel-caption .speed,
#ads-container #ads-content.download-speed .carousel-caption .time{
	white-space: nowrap;
	padding-top: 6px;
}

#ads-container #ads-content.download-speed .carousel-caption .bar-graph-label{
	padding-top: 75px;
	font-size: 13px;
}

#ads-container #ads-content.download-speed .carousel-caption .bar-graph-label ~ .bar-graph-label{
	padding-top: 12px;
}

#ads-container #ads-content.download-speed .carousel-caption > div:nth-child(3) .bar-graph-container{
	border-left: 1px solid #000;
}

#ads-container #ads-content.download-speed .carousel-caption .bar-graph-container{
	border-bottom: 1px solid #000;
	padding: 0px 33%;
}

#ads-container #ads-content.download-speed .carousel-caption .bar-graph{
	padding: 0px;
	height: 150px;
}

#ads-container #ads-content.download-speed .carousel-caption .bar-graph > div{
	background-color: #f26522;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

#ads-container #ads-content.download-speed .carousel-caption .glyphicon{
	font-size: 48px;
	float: right;
}

.col-inner-header {
	padding: 0 15px;
}

.col-inner-header a:focus,
.col-inner-header a:hover {
	text-decoration: none;
}

.col-inner-header h2 {
	margin: 10px 0;
}

.col-inner-header .nav-tabs h2{
	font-size: 1em;
	font-weight: bold;
	margin: 0;
}

.col-inner-header h2 .glyphicon,
.col-inner-header h2 .glyphicons{
	color: inherit;
	padding-right: 12px;
}

.col-inner .list-group {
	display: table;
	width: 100%;
}

.col-inner .list-group-item {
	display: table-row;
	line-height: 1.8em;
}

#packages .col-inner .tab-content{
	margin-top: 15px;
}

.col-inner-header .nav-tabs.nav-justified>li{
	display: table-cell;
	width:1%;
}
.col-inner-header .nav-tabs>li>a,
.col-inner-header .nav-tabs>li>a:focus,
.col-inner-header .nav-tabs>li>a:hover,
.col-inner-header .nav-tabs>li.active>a,
.col-inner-header .nav-tabs>li.active>a:focus,
.col-inner-header .nav-tabs>li.active>a:hover{
	border: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#package-details{
	display:none
}

#package-details .letter-icon{
	font-size:3em;
	padding:5px 25px 5px 25px!important
}

#package-details .letter-icon-h3{
	margin-top:4px!important
}

.btn-order-now,
.btn-order-now-link{
	margin-bottom:20px
}

#Start-Page #News-And-Updates #News .panel-body .col-xs-12 {
	display: none;
}

#Start-Page #News-And-Updates #News .panel-body .col-xs-12:nth-child(-n+4) {
	display: block;	
}

#Start-Page #News-And-Updates #News #More-News {
	display: table !important;
}
#News-And-Updates .panel {
	padding: 0;
	margin-top: 0;
	border: none;
}

#News-And-Updates .panel-heading {
	margin: 0 12px;
	border: 1px solid #e4e4e4;
	border-bottom: none;
}

#News-And-Updates .panel-title {
	display: flex;
}

#News-And-Updates .panel-body {
	margin: 0 12px;
	border: 1px solid #e4e4e4;
	border-top: none;
	max-height: 420px;
	overflow-y: scroll;
}

#News-And-Updates .panel-body p {
	margin-bottom:0!important;
	margin-top:0!important
}

#News-And-Updates .panel-body hr,
#Company-History .col-md-9 hr{
	border:1px dotted #e4e4e4;
	border-top-color:#fff;
	margin-bottom:10px;
	margin-top:10px
}

#News-And-Updates .panel-body h4,
#Archive h4 {
	margin-bottom:0!important
}

.col-inner .col-inner-tv{
	background-color:#fff;
	min-height:5px;
	padding:5px;
	min-height:0px !important
}

.col-inner .col-inner-tv .popover-link{
	cursor:pointer
}

.col-inner .col-inner-tv .popover{
	text-align: center;
}

.col-inner .col-inner-tv .popover .channel-link{
	color: #fff;
}
.col-inner .col-inner-tv .popover .badge{
	display: block;
	width: auto;
	max-width: 112px;
	background-color:#f55f23;
	font-weight:normal;
	margin:5px auto 5px;
}

#start-page .col-md-8,
#start-page .col-md-4{
	padding-top:5px
}

#start-page #cse-search-box3 .btn{
	border:1px solid #004280;
	border-radius:4px!important;
	margin-left:3px!important
}

#start-page #ec-data,
#start-page #hangman{
	border:0;
	height:170px;
	margin:0;
	padding:0;
	width:100%
}

#start-page .qotd{
	border:2px solid #000;
	margin-bottom:23px;
	padding:5px
}

#start-page .hangman{
	border:2px solid #000
}

#start-page #cbc_div h3 a{
	color:#a8262b;
	font-size:.775em;
	text-decoration:none
}

#start-page #cbc_div dl{
	border-bottom:1px solid #e4e4e4
}

#start-page #cbc_div dt a{
	color:#132d6c;
	font-size:1em
}

#start-page .cbc_lead{
	color:#000;
	margin-left:0
}

#start-page .cbc_timezone{
	color:#000;
	font-size:.9em;
	margin-left:0;
	padding-bottom:15px
}

#start-page #start-page-search{
	background-color:#f2f2f2;
	border:1px solid #e4e4e4;
	border-radius:4px;
	margin-bottom:20px;
	padding:20px 10px 10px 10px
}

.modal-open #top-nav{
	overflow-y:scroll
}

.modal #locations-modal .modal-body{
	padding-top:30px
}

.modal #locations,
#domain-name{
	margin-bottom:2px
}

.modal #contact-form-notice-message,
.modal #domain-error-message,
.modal #dsl-notice-error-message,
.modal #form-validator-error-message,
.modal #service-location-error-message,
.modal #icr-error-message{
	padding:15px
}

.modal #contact-form-notice,
#preferred-contact-time{
	display:none
}

.modal #dsl-search,
.modal #wireless-options-search{
	display:none
}

.modal #map{
	display:none;
	height:300px!important;
	margin-top:20px;
	width:100%
}

.modal .interested-in{
	font-weight:bold;
	margin-bottom:5px
}

.footer #copyright{
	margin:12px 0 10px 0
}

.top-of-page,
#top-of-page{
	display:none
}

#high-speed-cable-availability{
	display:none
}
#packages b,
#packages b small {
	color: #f16525;
}
.popover {
	max-width: none;
	white-space: nowrap;
	padding: 5px;
}
.col-inner .popover {
	text-align: left !important;
}
.popover-title {
	background-color: #0053a0;
	border-radius: 4px;
	color: #f8f8f8;
	padding: 4px 6px;
	font-size: 1.25em;
}
.popover-content {
	padding: 0 10px;
}

.well {
	padding: 20px;
}

.bubble {
	position: relative;
	padding: 24px;
	border-radius: 6px;
	background-color: #f2f2f2;
	margin-bottom: 6px;
}

.bubble:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 16px 16px 0;
	border-color: #e4e4e4 transparent;
	display: block;
	width: 0;
	z-index: 0;
	bottom: -16px;
	left: 45%;
}

.bubble:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 15px 0;
	border-color: #f2f2f2 transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -15px;
	left: 45%;
}

.bubble h4 {
	color: #003566;
	text-transform: capitalize;
	height: 2.5em;
}
.bubble hr {
	border-color: #f55f23;
}

@media(max-width:320px){
	div.dataTables_wrapper div.dataTables_filter input{
		max-width:120px!important
	}
}
@media(min-width:430px){
	.carousel-indicators{
		display:inline
	}
}
@media(max-width:767px){
	body{
		margin-top:90px
	}
	.navbar {
		padding: 0;
	}
	.nav.navbar-nav #cse-search-box2{
		margin:5px 10px 0 10px
	}
	.nav.navbar-nav li{
		/* border-bottom:1px solid #004280; */
		/* padding-bottom:3px; */
		/* padding-top:3px */
		display: inline-block;
	}
	.navbar .navbar-collapse{
		/* border-top:1px solid #004280 */
	}
	.navbar-collapse .navbar-nav li {
		display: block;
	}
	.navbar-collapse .navbar-nav li a {
		text-align: left;
		margin: 0;
	}
	.navbar-collapse .navbar-nav .dropdown-menu {
		padding: 0;
		background-color: #004280;
	}
	.navbar-collapse .navbar-nav .dropdown-menu>li>a {
		padding-left: 40px !important;
	}
	#navbar-service-location{
		display:none
	}
	.col-inner-header .nav-tabs>li>a,
	.col-inner-header .nav-tabs>li>a:focus,
	.col-inner-header .nav-tabs>li>a:hover,
	.col-inner-header .nav-tabs>li.active>a,
	.col-inner-header .nav-tabs>li.active>a:focus,
	.col-inner-header .nav-tabs>li.active>a:hover{
		border-radius: 4px;
	}
	.table-responsive-block th,
	.table-responsive-block tr,
	.table-responsive-block td{
		display:block
	}
	div.dataTables_wrapper div.dataTables_info{
		margin-bottom:10px;
		text-align:left;
		white-space:normal
	}
	.footer .list-group-item{
		padding-bottom:5px!important;
		padding-top:5px!important
	}
}
@media(min-width:768px){
	body{
		margin-top:182px
	}
	header{
		/* padding-top: 5px; */
		/* padding-bottom: 5px; */
	}
	header .top-links{
		position:relative;
		top:15px
	}
	header #cse-search-box{
		position:relative;
		top:8px
	}
	.modal .modal-content-800{
		margin-left:-100px;
		width:800px
	}
	.breadcrumb{
		padding-top:2px!important
	}
	#navbar-service-location{
		display:none!important
	}
}
@media(max-width:992px){
	.navbar li a {
		font-size: 12px;
	}
	#ads-container .carousel-control{
		display:none!important;
		text-shadow:none!important
	}
	#ads-container #ads-content.download-speed img{
		display:none;
	}
	#ads-container .carousel-caption{
		background-color:#f2f2f2;
		border-radius:4px;
		color:#333;
		margin-top:10px;
		min-height:220px;
		padding:5px 10px 50px 10px;
		position: initial;
		text-shadow:none!important
	}
	.row-description{
		margin-top:20px;
		padding-left:0
	}
	.row-description h3{
		margin-top:0
	}
	.row-description .col-md-8 #info-text{
		margin-bottom:20px
	}
	.row-description .col-md-8 #info-text.vtext{
		background-color:#fff!important;
		padding:0!important
	}
	.well #start-page .col-md-8-spacing-bottom-10{
		margin-bottom:20px
	}
	.footer .social-col{
		margin-bottom:30px;
		margin-top:15px;
		text-align:center
	}
}
@media(min-width:992px){
	body{
		margin-top:198px
	}
	header{
		/* padding-bottom:4px; */
		/* padding-top:4px */
	}
	header .top-links{
		position:relative;
		top:24px
	}
	header #cse-search-box{
		position:relative;
		top:16px
	}
	.breadcrumb{
		padding-top:5px!important
	}
	.row-description{
		margin-bottom:20px;
		margin-top:20px;
		margin-right:15px
	}
	.row-description .col-md-4{
		background-color:#f2f2f2;
		border-radius:4px;
		padding-top:20px;
		text-align:center
	}
	.row-description .col-md-4-image{
		background-color:#fff;
		padding:0
	}
	.row-description .col-md-4-image img{
		border-radius:4px
	}
	.row-description .col-md-8 #info-text{
		background-color:#f2f2f2;
		border-radius:4px;
		min-height:225px;
		padding:20px 15px 10px 15px
	}
	.row-description .col-md-8 #info-text.vtext{
		min-height:180px
	}
	.row-description .col-md-4 #info-image{
		min-height:205px;
		padding-top:55px
	}
	.row-details-content .col-md-9:not(.form-horizional){
		border-left:1px solid #e4e4e4;
		min-height:125px
	}
	.row-details-content .col-md-9-spacing-10{
		padding-top:10px
	}
	.row-details-content hr{
		border-top:1px solid #e4e4e4;
		margin-bottom:4px;
		margin-top:4px
	}
	.modal .interested-in{
		text-align:right
	}
	.footer .col-md-3{
		border-right:1px solid #004280
	}
	.footer .col-md-3.last{
		border-right:0
	}
}
@media(max-width:1200px){
	.row-description .col-md-12{
		background-color:#f2f2f2;
		border-radius:4px;
		margin-bottom:20px;
		padding-bottom:30px;
		padding-top:30px;
		text-align:center
	}
	.row-description .col-md-8 #info-text.vtext{
		background-color:#f2f2f2;
		border-radius:4px;
		padding:20px 10px 10px 10px
	}
	.row-description .vimg{
		background-color:#fff;
		padding:0
	}
	.row-description .vimg img{
		border-radius:4px
	}
}
@media(min-width:1200px){
	.row-description .col-md-8 #info-text.vtext{
		min-height:220px!important
	}
}
.printable{
	display:none
}
@media print{
	.printable,
	.breadcrumb{
		display:inline!important
	}
	.icon{
		border:none!important
	}
	.page-header{
		border-bottom:2px solid #000
	}
	header,
	.navbar-fixed-top,
	.btn-order-now,
	.modal,
	.footer-arrow-down,
	footer{
		display:none!important
	}
	body{
		margin-top:0
	}
}