/*!
vianet.ca
*/

@font-face {
	font-family: "serifa";
	src:	url("/fonts/serifa.eot");
	src:	url("/fonts/serifa.woff") format("woff"),
		url("/fonts/serifa.ttf") format("truetype"),
		url("/fonts/serifa.svg") format("svg");
}

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

#body-background,
#body-background-image, 
#body-background-gradient {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#body-background {
	position: fixed;
	z-index: -1;
}
#body-background-image {
	background: url('/images/repeatable.png');
	opacity: 0.25
}
#body-background-gradient {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(209,235,247,1) 75%);
}

.navbar-collapse {
	border-top: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.navbar .navbar-collapse {
	max-height: 100vh;
}

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

.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 .sr-only{
	color:#f8f8f8;
	font-weight:normal
}

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

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

.only-one-child > * {
	display: none;
}
.only-one-child > *:nth-child(1) {
	display: inline-block;
}

table{
	width:100%!important
}
table td .glyphicon {
	margin-right: 12px;
}
table td p {
}
table thead h3 {
	margin-bottom: 0;
}
table.dataTable thead th:after {
	visibility: hidden;
}
.table-fixed tbody {
	overflow-y: auto;
	width: 100%;
}
.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
	display: block;
}
.table-fixed thead {
	overflow: hidden;
}
.table-fixed thead th,
.table-fixed tbody td {
	width: 30% !important;
	float: left;
	padding: 1% !important;
}
.table-fixed tbody td {
	height: 65px;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before {
	text-indent: 0;
}
#Office-Location-Details .table td {
	padding: 0;
	border: 0 !important;
}
#Office-Location-Details .table > tbody > tr > td:last-child {
	text-align: right;
}

.fa,
.glyphicon,
.glyphicons{
	color:#f55f23
}
.fa.x2,
.glyphicon.x2,
.glyphicons.x2,
.viafont.x2{
	font-size: 24px
}
.fa.x2-3,
.glyphicon.x2-3,
.glyphicons.x2-3,
.viafont.x2-3{
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 36px;
}
.fa.x3,
.glyphicon.x3,
.glyphicons.x3,
.viafont.x3{
	font-size: 72px
}
.fa.x4,
.glyphicon.x4,
.glyphicons.x4,
.viafont.x4{
	font-size: 96px
}
.fa.x5,
.glyphicon.x5,
.glyphicons.x5,
.viafont.x5{
	font-size: 120px
}

.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-secondary,
.btn-secondary:focus,
.btn-secondary:active,
.open .dropdown-toggle.btn-secondary{
	color:#fff;
	background-color:#004280;
	border-color:#2e6da4;
	white-space:normal;
	-webkit-box-shadow:none;
	-webkit-focus-ring-color:none
}

.btn-secondary:hover{
	color:#fff;
	background-color:#003566;
	white-space:normal;
}

.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;
	border-radius: 5px;
}

.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;
}
.nav-pills>li:not(.active)>a:focus,
.nav-pills>li:not(.active)>a:hover{
	background-color: rgb(209,235,247);
	color: #004280; 
}

#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;
}

.breadcrumb {
	margin: 24px;
	padding-top: 24px;
}


.panel-title h2 {
	margin: 0;
	font-size: 16px;
}



#tv-channels-table .glyphicons-video-hd {
	color: #5bc0de;
}

#tv-channels-table .glyphicons-video-sd {
	color: #5cb85c;
}

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

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

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

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

.col-inner-header h2 .fa,
.col-inner-header h2 .glyphicon,
.col-inner-header h2 .glyphicons,
.col-inner-header h3 .fa,
.col-inner-header h3 .glyphicon,
.col-inner-header h3 .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
}
#details h4:not(.panel-title),
#package-details h4:not(.panel-title) {
	color: rgb(51,51,51);
	padding: 12px 0;
	border-bottom: 2px solid rgb(221,221,221);
}
#details h4:not(.panel-title),
#package-details h4:not(.panel-title) {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
#details .table th,
#details .table td,
#package-details .table th,
#package-details .table td {
	padding: 12px 24px;
}
#details .table th:first-child,
#details .table td:first-child,
#package-details .table th:first-child,
#package-details .table td:first-child {
	padding-left: 0px;
}
#details .table th:last-child,
#details .table td:last-child,
#package-details .table th:last-child,
#package-details .table td:last-child {
	padding-right: 0px;
}
#details .col-md-10 > h3 {
	margin: 0;
	padding: 20px 0;
}

.btn.btn-link {
	padding: 0;
	color: #003566;
}

.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:not(.limit-news-articles) .panel-body .col-xs-12:nth-child(-n+4) {
	display: block;	
}
#Start-Page #News-And-Updates #News.limit-news-articles .panel-body .col-xs-12:nth-child(1) {
	display: block;	
}

#Start-Page #News-And-Updates #News #More-News {
	display: table !important;
}
#News-And-Updates #News img {
	margin-top: 12px;
}
#News-And-Updates  h3 {
	font-size: 18px;
	margin-top: 10px;
}
#News-And-Updates #Weather-Panel iframe {
	width: 100%;
	height: 168px;
}
#News-And-Updates #Featured .panel-body {
	padding: 0;
}
#News-And-Updates #CBC-News .panel-body {
	overflow-y: hidden;
}
#News-And-Updates #CBC-News .row-details-content > a:not(.btn),
#News-And-Updates #CBC-News .row-details-content > #cbc_div > h3 {
	display: none;
}
#News-And-Updates #Featured #ads-container .carousel-caption {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0;
	text-align: left;
	text-shadow: none;
}
#News-And-Updates #Featured #ads-container .carousel-caption h4 {
	margin: 0;
	padding: 10px;
	color: #fff !important;
	background-color: #000;
	background-color: rgba(0,0,0,0.50);
}
#News-And-Updates #Featured #ads-container .carousel-caption .btn {
	position: absolute;
	top: auto;
	bottom: 10px;
	left: auto;
	right: 10px;
}
#News-And-Updates #News .row-details-content .btn .glyphicon ,
#News-And-Updates #CBC-News .row-details-content .btn .glyphicon ,
#News-And-Updates #Featured #ads-container .carousel-caption .btn .glyphicon {
	color: #fff;
}
#News-And-Updates #Featured #ads-container .carousel-indicators {
	bottom: 10px;
	left: 10px;
	display: block;
	margin: 0;
	width: auto;
}
#News-And-Updates #Featured #ads-container .carousel-indicators li {
	margin: 0 2px !important;
	height: 12px;
	width: 12px;
	border-color: rgba(0,0,0,0.50);
}
#News-And-Updates #Featured #ads-container .carousel-indicators .active {
	background-color: rgba(0,0,0,0.50);
}
#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;
	overflow-y: auto;
	max-height: auto;
}
#News-And-Updates #News:not(.limit-news-articles) .panel-body {
	max-height: 554px;
}
#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: 12px !important
}

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

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

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

.col-inner-tv .popover .channel-link{
	color: #fff;
}
.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
}

#itn-lookup .intl-tel-input {
	display: table-cell;
}

.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-Modal-Validator-Error-Message,
.modal #Contact-Form-Modal-Notice-Message,
.modal #Order-Now-Modal-Validator-Error-Message,
.modal #service-location-error-message,
.modal #domain-error-message,
.modal #dsl-notice-error-message,
.modal #icr-error-message{
	padding:15px
}

.modal #Contact-Form-Modal-Notice,
#Contact-Form-Modal-Input-PreferredContactTime,
#Order-Now-Modal-Input-PreferredContactTime {
	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
}

.flatten-modal .modal {
	position: relative;
	z-index: auto;
	display: block;
}
.flatten-modal .modal-dialog {
	width: auto !important;
	margin: auto !important;
}
.flatten-modal .modal-content {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	border-radius: 0;
}
.flatten-modal .modal-header,
.flatten-modal .modal-footer {
	display: none;
}

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

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

#high-speed-cable-availability{
	display:none
}
#packages h4{
	font-size: 14px;
}
#packages h5{
	font-size: 18px;
}
#packages .price {
	font-size: 36px;
}
#packages .orange,
#packages .orange small {
	color: #f16525;
}
#packages .nav-pills {
	margin-bottom: 24px;
}
.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 {
	position: relative;
	padding: 24px;
	margin: 24px;
	z-index: 1;
}
.well .page-header {
	display: none; /* Old Code Cleanup */
}

.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;
}

.footer-arrow-down {
	background: rgb(209,235,247);
}
.footer-arrow-down:after {
	border-top-color: rgb(209,235,247);
}

.footer .col-md-2 h2,
.footer .col-md-3 h2,
.footer .col-md-4 h2{
	font-size: 1.2em;
	margin-top: 0;
}

.footer > .row {
	margin: 0;
}

#legal-list-group hr {
	margin: 10px 0;
	border-color: #ddd;
}

@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-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,
	div.dataTables_wrapper div.dataTables_filter,
	div.dataTables_wrapper div.dataTables_length {
		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 .top-links{
		position:relative;
		top:15px
	}
	header #cse-search-box{
		position:relative;
		top:8px
	}
	.modal .modal-content-800{
		margin-left:-100px;
		width:800px
	}
	#navbar-service-location{
		display:none!important
	}
	.table-fixed thead th,
	.table-fixed tbody td {
		width: 10% !important;
	}
	#tv-channels-table thead th:nth-child(7),
	#tv-channels-table tbody td:nth-child(7){
		width: 24% !important;
	}
	.table-fixed tbody {
		height: 580px;
	}
}
@media(max-width:992px){
	.navbar li a {
		font-size: 12px;
	}
	.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
	}
	#details > .panel-group > .row > .col-md-10.col-md-offset-1 > .row > .col-md-4 > .list-group {
		margin: 0;
	}
}
@media(min-width:992px){
	body{
		margin-top: 196.27px;
	}
	header .top-links{
		position:relative;
		top:24px
	}
	header #cse-search-box{
		position:relative;
		top:16px
	}
	.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-2:not(.social-col),
	.footer .col-md-3,
	.footer .col-md-4{
		border-right:1px solid #004280;
		width: 20%;
	}
	.footer .col-md-2.last:not(.social-col),
	.footer .col-md-3.last,
	.footer .col-md-4.last{
		border-right:0
	}
	table.dataTable thead th:after {
		visibility: visible;
	}
	#details .col-md-10 > h3 {
		margin-left: -25px;
	}
}
@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
	}
}