/* broadband page */
.innerPageBody{ padding-top: 90px; padding-bottom: 50px}

.innerPageBody h1{ font-weight: 300; font-size: 36px; padding: 0; margin: 0 0 20px 0}
.innerPageBody h1.withspan{ line-height: 26px;}
.innerPageBody h1 .h1span{ font-size: 14px; color: #5d5d5c}
.innerBanner{ border-bottom: solid 3px #ff4200; margin-bottom: 50px}
.circular-carousel { list-style: none}
.portfolio .planheader{ background-color: #faa905; padding: 15px 0 5px 0; color: #fff}
.portfolio .planheader h2{ padding: 0; margin: 0; font-size: 30px; font-weight: bold}
.portfolio .planheader h3{ padding: 0; margin: 0; font-size: 20px; font-weight: 300}
.portfolio .circlediv {background-color: #faa905; 
background-image: linear-gradient(bottom, #fff 50%, #faa905 50%);
background-image: -o-linear-gradient(bottom, #fff 50%, #faa905 50%);
background-image: -moz-linear-gradient(bottom, #fff 50%, #faa905 50%);
background-image: -webkit-linear-gradient(bottom, #fff 50%, #faa905 50%);
background-image: -ms-linear-gradient(bottom, #fff 50%, #faa905 50%); padding-bottom: 10px}

.portfolio .circlediv p.circle{ width: 140px; height: 140px; border: solid 1px #faa905; border-radius: 50%; background-color: #fff; color: #faa905; text-align: center; font-size: 20px; font-weight: bold; padding-top: 44px; margin: 0 auto}
.portfolio .circlediv p.circle span{ font-weight: 300; }
.portfolio .circlediv p.circle.singleline{ padding-top: 55px;}
.portfolio .selectheading{ font-size: 23px;}
.portfolio .plantable{ font-size: 14px;}
.portfolio .plantable td{ padding: 3px 0}
.bannerimg img{ width: 100%}
.bannerTextContainer{ position: absolute; height: 100%; left: 0; top: 0; width: 100% }
.bannerTextContainer .container{ height: 100%; display: table; }
.bannerText{ padding-left: 70px; float: right}
.textInner{ display: table-cell; vertical-align: middle; height: 100%;}
.textInner .uppercase{ font-size: 21px; text-transform: uppercase; padding: 0; margin: 0; font-weight: 300}
.textInner h2{ font-size: 50px; color: #ff4200; padding: 0; margin: 0 0 20px 0; font-weight: 300}
.textInner .smallcase{ font-size: 17px; text-transform: none; }
#pkgselection .notetext{ font-size: 12px; color: #505050; }
#pkgselection .tandc h3{ font-size: 16px; font-weight: 300; padding: 0; margin: 0 0 14px 0}
#pkgselection .tandc ul{ padding: 0 0 0 14px; margin: 0}
#pkgselection .tandc li{font-size: 12px;}
.bbpackheader h2 {margin: 0!important; padding: 0 0 5px 0!important;}
.bbpackheader .planheader{ padding-bottom: 0}
.bbpackheader_c1 .planheader, .bbpackheader_c1 .circlediv { background: #faa905;background-color: #666!important; 
background-image: linear-gradient(bottom, #fff 50%, #666 50%);
background-image: -o-linear-gradient(bottom, #fff 50%, #666 50%);
background-image: -moz-linear-gradient(bottom, #fff 50%, #666 50%);
background-image: -webkit-linear-gradient(bottom, #fff 50%, #666 50%);
background-image: -ms-linear-gradient(bottom, #fff 50%, #666 50%); }
.bbpackheader_c1 .planheader h2 { background: #666;}

.bbpackheader_c2 .planheader, .bbpackheader_c2 .circlediv { background: #E18700;background-color: #E18700!important; 
background-image: linear-gradient(bottom, #fff 50%, #E18700 50%);
background-image: -o-linear-gradient(bottom, #fff 50%, #E18700 50%);
background-image: -moz-linear-gradient(bottom, #fff 50%, #E18700 50%);
background-image: -webkit-linear-gradient(bottom, #fff 50%, #E18700 50%);
background-image: -ms-linear-gradient(bottom, #fff 50%, #E18700 50%); }
.bbpackheader_c2 .planheader h2 {background: #E18700;}


.bbpackheader_c3 .planheader, .bbpackheader_c3 .circlediv { background: #DD2500;background-color: #DD2500!important; 
background-image: linear-gradient(bottom, #fff 50%, #DD2500 50%);
background-image: -o-linear-gradient(bottom, #fff 50%, #DD2500 50%);
background-image: -moz-linear-gradient(bottom, #fff 50%, #DD2500 50%);
background-image: -webkit-linear-gradient(bottom, #fff 50%, #DD2500 50%);
background-image: -ms-linear-gradient(bottom, #fff 50%, #DD2500 50%); }
.bbpackheader_c3 .planheader h2 {background: #DD2500;}

.bbpackheader_c4 .planheader, .bbpackheader_c4 .circlediv { background: #D90038;background-color: #D90038!important; 
background-image: linear-gradient(bottom, #fff 50%, #D90038 50%);
background-image: -o-linear-gradient(bottom, #fff 50%, #D90038 50%);
background-image: -moz-linear-gradient(bottom, #fff 50%, #D90038 50%);
background-image: -webkit-linear-gradient(bottom, #fff 50%, #D90038 50%);
background-image: -ms-linear-gradient(bottom, #fff 50%, #D90038 50%); }
.bbpackheader_c4 .planheader h2 {background: #D90038;}

.bbpackheader_c5 .planheader, .bbpackheader_c5 .circlediv { background: #D50093;background-color: #D50093!important; 
background-image: linear-gradient(bottom, #fff 50%, #D50093 50%);
background-image: -o-linear-gradient(bottom, #fff 50%, #D50093 50%);
background-image: -moz-linear-gradient(bottom, #fff 50%, #D50093 50%);
background-image: -webkit-linear-gradient(bottom, #fff 50%, #D50093 50%);
background-image: -ms-linear-gradient(bottom, #fff 50%, #D50093 50%); }
.bbpackheader_c5 .planheader h2 {background: #D50093;}

.bbpackheader_c6 .planheader, .bbpackheader_c6 .circlediv { background: #B700D2;background-color: #B700D2!important; 
background-image: linear-gradient(bottom, #fff 50%, #B700D2 50%);
background-image: -o-linear-gradient(bottom, #fff 50%, #B700D2 50%);
background-image: -moz-linear-gradient(bottom, #fff 50%, #B700D2 50%);
background-image: -webkit-linear-gradient(bottom, #fff 50%, #B700D2 50%);
background-image: -ms-linear-gradient(bottom, #fff 50%, #B700D2 50%); }
.bbpackheader_c6 .planheader h2 {background: #B700D2;}

.bbpackheader_c7 .planheader, .bbpackheader_c7 .circlediv { background: #5B00CE;background-color: #5B00CE!important; 
background-image: linear-gradient(bottom, #fff 50%, #5B00CE 50%);
background-image: -o-linear-gradient(bottom, #fff 50%, #5B00CE 50%);
background-image: -moz-linear-gradient(bottom, #fff 50%, #5B00CE  50%);
background-image: -webkit-linear-gradient(bottom, #fff 50%, #5B00CE  50%);
background-image: -ms-linear-gradient(bottom, #fff 50%, #5B00CE  50%); }
.bbpackheader_c7 .planheader h2 {background: #5B00CE ;}

.bbpackheader_c8 .planheader, .bbpackheader_c8 .circlediv { background: #0200CA;background-color: #0200CA!important; 
background-image: linear-gradient(bottom, #fff 50%, #0200CA 50%);
background-image: -o-linear-gradient(bottom, #fff 50%, #0200CA 50%);
background-image: -moz-linear-gradient(bottom, #fff 50%, #0200CA 50%);
background-image: -webkit-linear-gradient(bottom, #fff 50%, #0200CA 50%);
background-image: -ms-linear-gradient(bottom, #fff 50%, #0200CA 50%); }
.bbpackheader_c8 .planheader h2 {background: #0200CA;}

.bbpackheader_c9 .planheader, .bbpackheader_c9 .circlediv { background: #0053C6;background-color: #0053C6!important; 
background-image: linear-gradient(bottom, #fff 50%, #0053C6 50%);
background-image: -o-linear-gradient(bottom, #fff 50%, #0053C6 50%);
background-image: -moz-linear-gradient(bottom, #fff 50%, #0053C6 50%);
background-image: -webkit-linear-gradient(bottom, #fff 50%, #0053C6 50%);
background-image: -ms-linear-gradient(bottom, #fff 50%, #0053C6 50%); }
.bbpackheader_c9 .planheader h2 {background: #0053C6;}

.bbpackheader_c10 .planheader, .bbpackheader_c10 .circlediv { background: #00A5C2;background-color: #00A5C2!important; 
background-image: linear-gradient(bottom, #fff 50%, #00A5C2 50%);
background-image: -o-linear-gradient(bottom, #fff 50%, #00A5C2 50%);
background-image: -moz-linear-gradient(bottom, #fff 50%, #00A5C2 50%);
background-image: -webkit-linear-gradient(bottom, #fff 50%, #00A5C2 50%);
background-image: -ms-linear-gradient(bottom, #fff 50%, #00A5C2 50%); }
.bbpackheader_c10 .planheader h2 {background: #00A5C2;}

.bbpackheader_c11 .planheader, .bbpackheader_c11 .circlediv { background: #00BF89;background-color: #00BF89!important; 
background-image: linear-gradient(bottom, #fff 50%, #00BF89 50%);
background-image: -o-linear-gradient(bottom, #fff 50%, #00BF89 50%);
background-image: -moz-linear-gradient(bottom, #fff 50%, #00BF89 50%);
background-image: -webkit-linear-gradient(bottom, #fff 50%, #00BF89 50%);
background-image: -ms-linear-gradient(bottom, #fff 50%, #00BF89 50%); }
.bbpackheader_c11 .planheader h2 {background: #00BF89;}





/* cable */

.bs-wizard {margin-top: 40px;}
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0; max-width: 550px; margin: 0 auto}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #777777; font-size: 12px; font-weight: 300}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #ff4200; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #ff4200; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 1px; box-shadow: none; margin: 20px 0; background-color: #666}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #666;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #fff; border: solid 1px #ff4200}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
.bs-wizard > .bs-wizard-step.complete .bs-wizard-info{ color: #ff4200}
.hSteps{ margin: 20px 0 10px 0; padding: 0; font-size: 15px; font-weight: normal} 
.stepsTabContainer{ margin-bottom: 40px}
.stepsTabContainer .steptabsWrap{ max-width: 900px; margin: 0 auto}
.stepsTabContainer  .nav-tabs.nav-justified li a{ border: solid 1px #979797; border-radius: 0px}
.stepsTabContainer .nav-tabs.nav-justified li.active a, .stepsTabContainer .nav-tabs.nav-justified li a:hover{ background-color: #01acc6; color: #fff; border: solid 1px #01acc6!important;}
.stepsTabContainer .nav > li > a:hover, .stepsTabContainer .nav > li > a:focus{ background-color: #01acc6!important; color: #fff!important}
.stepsTabContainer .tab-content{ padding: 24px; background: #f5f4f4}
.stepsTabContainer .tab-content p.selectaddon{ color: #6a6a6a; font-weight: 300; margin-bottom: 20px}
.selectrow{ border-bottom: solid 1px #ccc; padding-bottom: 30px; margin-bottom: 30px; float: left; width: 100%}
.selectrow:last-child{ border: none}
.channeldescRow{ margin-top: 15px}
.channelicon { padding-right: 0px;}
.channelicon img{ width: 100%; border-radius: 4px}
.checkChannel{ position: absolute; right: 0; left: 0; top: 0; margin-top: 0!important; z-index: 100}
.channeltext{ position: relative; padding-right: 95px; vertical-align: bottom}
.channeltext h5{ padding: 0; margin: 0; font-size: 13px;}
.channeltext p{ padding: 0; margin: 0; font-size: 13px; font-weight: 300}
.btnviewchannel{ position: absolute; bottom: 0; right: 10px}
.btnviewchannel a{ display: inline-block; background-color: #fff; color: #ff4200; text-decoration: none; padding: 3px 5px; border-radius: 6px; border: solid 1px #ff4200; font-size: 11px;}
.btnviewchannel a:hover{background-color: #ff4200; color: #fff}
.addonpackhd{ font-size: 13px; text-transform: uppercase; padding: 0; margin: 0}
.packchannellist{ padding: 0; margin: 0; list-style: none;float: left; width: 100%}
.packchannellist li{ float: left; margin-right: 15px; margin-bottom: 15px; text-align: center; }
.packchannellist li label{font-size:13px; font-weight: 300}
.packchannellist li img{ max-height: 60px}
.yourpkgWrap td{ border-bottom: solid 1px #ccc; padding: 7px 15px; background-color: #fff}
/* login */
.loginContainer .form-horizontal{ max-width: 680px; margin:0 auto}
label{ font-weight: normal}
/* */

/* mysiti page */
.mystirow_gap{margin-top: 45px;}
.mysitiheading{ font-size: 44px; color: #ff4200; padding: 0; margin: 30px 0; font-weight: normal} 
.mysiti_popuprow{ padding-bottom: 22px; margin-bottom: 12px; border-bottom: solid 1px #ececec}
.mysiti_popuprow h3{ font-size: 19px; margin: 0 0 10px 0; padding: 0}
.mysiti_popuprow p{ font-size: 14px; font-weight: 300}
.mysiti_content > p{ font-size: 18px; line-height: 1.5; font-weight: 300}
.redtaghead{ display: inline-block; position: relative; margin: -20px 0 100px 0; text-transform: uppercase}
.redtaghead img{left: -90px; top: 0; position: absolute}

/* survey page*/
.surveyContainer .introcontent{ margin: 0 0 15px 0; padding-bottom: 0 0 25px 0; }
.surveyContainer .formContainer{ margin-bottom: 30px}
.surveyContainer .formContainer h3{ font-size: 24px; font-weight: normal; padding: 0; margin: 30px 0 15px 0}
.surveyContainer .formContainer .btn-green{ margin-top: 20px;}
.surveyContainer .ques{ position: relative; padding-left: 50px; margin-bottom: 24px;}
.surveyContainer .ques span{ position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: rgb(40,40,250); border-radius: 50%; text-align: center; line-height: 30px; font-size: 12px; color: #fff}
.surveyContainer .ans{ position: relative; padding-left: 50px;}
.surveyContainer .ans:before{ content:"A"; position: absolute; left: 0; top: 0; background: #49bc4f; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; font-size: 12px; color: #fff; text-align: center}
.surveyContainer .ans ul{ list-style: none; padding: 0; margin: 0}
.surveyContainer .ans ul li{ float: left; margin-right: 30px;}
.qarow{ border-bottom: solid 1px #d2d2d2; padding-bottom: 30px; margin-bottom: 30px;}
.fullwidthlist li{ display: block; float: none!important}
.input_other{ margin-bottom: 10px;}

.surveyContainer .ans ul li td input{ margin-right: 5px}
.helpicon{ position: absolute; right: -5px;top: 36px; cursor: pointer}

@media (min-width: 768px) and (max-width: 1279px){
	.channeltext{ padding-right: 15px}
	.btnviewchannel{ position: relative; right: 0; }
}
@media (max-width: 992px){
	.hideonmobile{ display: none}
	.innerPageBody{ padding-top: 62px;}
	.bannerTextContainer{ position: relative}
	.bannerTextContainer .bannerText{ padding-left: 0}
	.textInner .uppercase{ font-size: 16px;}
	.textInner h2{ font-size: 30px; margin-bottom: 10px}
	.textInner .smallcase{ font-size: 14px;}
}
/* why siti hd+ */
.sitihdplus_section .tab-pane{ float: none!important; margin-bottom: 0px!important}
.sitihdplus_section .tab-content{ background: #fff}
.whysitiservices .rowmrgn{ margin-top: 40px}
.whyhdtext{ font-weight: 300; text-transform: uppercase}
.iconwrap{ position: relative;}
.iconwrap img{ width: 100%; position: relative; z-index: 2}
.iconwrap:before{ content:""; position: absolute; left: -7px; top: -7px; border: solid 1px #ccc; width: 100%; height: 100%; z-index: 1}
.enjoyhd_section{ background: url(../images/bg-enjoy-hd-experience.jpg) no-repeat; background-size: cover; padding: 50px 0; margin-top: 60px}
.enjoyhd_section h2{ color: #fff; font-weight: 300}
.channeleimg{height: 120px; background:rgba(0,0,0,.6); border-radius: 6px; text-align:center; vertical-align: middle; margin: 0 6px; line-height:110px; padding: 0 10px}
.channeleimg img{ max-width: 100%}
#logo-carousel{ margin-top: 40px;}
.caroesel2-wrap{ margin-top: 20px; }
.caroesel2-wrap .owl-carousel .owl-wrapper{ left: -120px!important}
@media (max-width: 767px){
	.whysitibox{ margin-bottom: 20px;}
	.whysitiservices .rowmrgn{ margin-top: 0}
}
h2.sitihd_h2{ font-weight: 300; margin-bottom:30px;}
.responsiveimg{ max-width: 100%;}
.imghdsd img{ border: solid 6px #171717; width: 100%}
.listhdsd {list-style: none; padding: 0; margin: 15px 0 0 0}
.listhdsd li{ position: relative; padding: 0 0 0 24px; margin: 0 0 7px 0; font-weight: 300}
.listhdsd li:before{ content:"\f00c"; font-family: 'FontAwesome'; position: absolute; left: 0; top: 0}
.brodband_speed{ padding: 20px; background-color: #eee; border: solid 1px #ddd; max-width: 570px;}
@media (max-width: 992px){
	.enjoyhd_section{ overflow: hidden}
}