@import 'https://fonts.googleapis.com/css?family=Roboto:100,300,400,400i,500,700,900';
body{ font-family: 'Roboto', sans-serif;font-weight:normal; margin:0; padding:0; font-size: 16px; color: #030303}
*{outline:none !important; margin:0; padding:0;}
/* PRE LOADER */
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999999;
	height: 100%;
	width: 100%;
	overflow: hidden!important;
	background-color: rgba(0,0,0,.6);
	color:#999;
	display: none;
}

.loader-one {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 30px;
	transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
}

/* PRE LOADER */

/* Scroll up */

.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background: #ffc20e;
	color:#fff;
	line-height:36px;
	text-align:center;
	font-size:20px;
	transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	z-index:100;
}
.scrollup:hover,.scrollup:focus{color:#fff;}
.scrollup i{position:relative; top:0; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;}
.scrollup:hover i{top:-5px;}

/* Scroll up */

/* DEFAULT MARGINS */
.m-0px{margin:0px;}
.m-5px{margin:5px;}
.m-10px{margin:10px;}
.m-15px{margin:15px;}
.m-20px{margin:20px;}
.m-25px{margin:25px;}

.m-0px-lr{margin-left:0px; margin-right:0px;}
.m-5px-lr{margin-left:5px; margin-right:5px;}
.m-10px-lr{margin-left:10px; margin-right:10px;}
.m-15px-lr{margin-left:15px; margin-right:15px;}
.m-20px-lr{margin-left:20px; margin-right:20px;}
.m-25px-lr{margin-left:25px; margin-right:25px;}

.m-0px-tb{margin-top:0px; margin-bottom:0px;}
.m-5px-tb{margin-top:5px; margin-bottom:5px;}
.m-10px-tb{margin-top:10px; margin-bottom:10px;}
.m-15px-tb{margin-top:15px; margin-bottom:15px;}
.m-20px-tb{margin-top:20px; margin-bottom:20px;}
.m-25px-tb{margin-top:25px; margin-bottom:25px;}

.m-0px-t{margin-top:0px;}
.m-5px-t{margin-top:5px;}
.m-10px-t{margin-top:10px;}
.m-15px-t{margin-top:15px;}
.m-20px-t{margin-top:20px;}
.m-25px-t{margin-top:25px;}

.m-0px-r{margin-right:0px;}
.m-5px-r{margin-right:5px;}
.m-10px-r{margin-right:10px;}
.m-15px-r{margin-right:15px;}
.m-20px-r{margin-right:20px;}
.m-25px-r{margin-right:25px;}

.m-0px-b{margin-bottom:0px;}
.m-5px-b{margin-bottom:5px;}
.m-10px-b{margin-bottom:10px;}
.m-15px-b{margin-bottom:15px;}
.m-20px-b{margin-bottom:20px;}
.m-25px-b{margin-bottom:25px;}

.m-0px-l{margin-left:0px;}
.m-5px-l{margin-left:5px;}
.m-10px-l{margin-left:10px;}
.m-15px-l{margin-left:15px;}
.m-20px-l{margin-left:20px;}
.m-25px-l{margin-left:25px;}
.mt-n{ margin-top: 0px!important}
/* DEFAULT PADDINGS */

.p-0px{padding:0px;}
.p-5px{padding:5px;}
.p-10px{padding:10px;}
.p-15px{padding:15px;}
.p-20px{padding:20px;}
.p-25px{padding:25px;}

.p-0px-lr{padding-left:0px; padding-right:0px;}
.p-5px-lr{padding-left:5px; padding-right:5px;}
.p-10px-lr{padding-left:10px; padding-right:10px;}
.p-15px-lr{padding-left:15px; padding-right:15px;}
.p-20px-lr{padding-left:20px; padding-right:20px;}
.p-25px-lr{padding-left:25px; padding-right:25px;}

.p-0px-tb{padding-top:0px; padding-bottom:0px;}
.p-5px-tb{padding-top:5px; padding-bottom:5px;}
.p-10px-tb{padding-top:10px; padding-bottom:10px;}
.p-15px-tb{padding-top:15px; padding-bottom:15px;}
.p-20px-tb{padding-top:20px; padding-bottom:20px;}
.p-25px-tb{padding-top:25px; padding-bottom:25px;}

.p-0px-t{padding-top:0px;}
.p-5px-t{padding-top:5px;}
.p-10px-t{padding-top:10px;}
.p-15px-t{padding-top:15px;}
.p-20px-t{padding-top:20px;}
.p-25px-t{padding-top:25px;}

.p-0px-r{padding-right:0px;}
.p-5px-r{padding-right:5px;}
.p-10px-r{padding-right:10px;}
.p-15px-r{padding-right:15px;}
.p-20px-r{padding-right:20px;}
.p-25px-r{padding-right:25px;}


.p-0px-b{padding-bottom:0px;}
.p-5px-b{padding-bottom:5px;}
.p-10px-b{padding-bottom:10px;}
.p-15px-b{padding-bottom:15px;}
.p-20px-b{padding-bottom:20px;}
.p-25px-b{padding-bottom:25px;}

.p-0px-l{padding-left:0px;}
.p-5px-l{padding-left:5px;}
.p-10px-l{padding-left:10px;}
.p-15px-l{padding-left:15px;}
.p-20px-l{padding-left:20px;}
.p-25px-l{padding-left:25px;}

.fullwidth{ width: 100%!important}
.img-maxwidth100{ max-width: 100%}
.posrel{ position: relative}
.posabs{ position: absolute}
a,button,input[type=submit]{transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.btn-black, .btn-black:visited, .btn-black:focus{ background-color: #000; color: #fff; padding: 10px 25px; font-size: 20px; font-weight: 300; display: inline-block}
.btn-black:hover{ background-color: #0074be; color: #fff; text-decoration: none}
.btn-seemore{ font-size: 20px; line-height: 20px; color: #007dc6; font-weight: 300}
.btn-blue, .btn-blue:visited, .btn-blue:focus{ background-color:#ff4200; color: #fff; padding: 6px 20px; font-weight: 300; border: solid 1px #ff4200; display: inline-block; font-size: 16px!important}
.btn-blue:hover{ background-color: #000; color: #fff; text-decoration: none; border-color: #000}
.btn-blue:hover{ background-color: #000; color: #fff; text-decoration: none; border-color: #000}
p a{margin-right:10px; color:#ff4200}
.btn-trans, .btn-trans:visited, .btn-trans:focus{ background-color:transparent; color: #ff4200; padding: 6px 20px; font-weight: 300; border: solid 1px #ff4200; display: inline-block; font-size: 16px!important}
.btn-trans:hover{ background-color: #000; color: #fff; text-decoration: none; border-color: #000}
.btn-green, .btn-green:visited, .btn-green:focus{ background-color: transparent; color: #ff4200; padding: 6px 20px; font-weight: 300; border: solid 1px #ff4200;display: inline-block; font-size: 16px!important}
.btn-green:hover{ color: #faa905; text-decoration: none; border-color: #faa905}
.btn-green.active{ background-color: #ff4200; color: #fff}
.btn-white, .btn-white:visited, .btn-white:focus{ background-color: transparent; color: #fff; padding: 6px 20px; font-weight: 300; border: solid 1px #fff;display: inline-block; font-size: 16px!important}
label{ font-weight: normal}
/* header */
header{ position: fixed; z-index: 99; width: 100%; left: 0; top:0; font-family: 'Roboto'}
.header-top{ background: #fff }
.header-right{ float: right; padding: 30px 0 10px 0; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.tollfree{ float: left; margin-right: 18px; font-size: 21px; line-height: 34px; color: #000; font-weight: bold}
.statedd{ float:left; width: 152px; }
.statedd .input-group-btn{ background: #ff4200; border-radius: 0 4px 4px 0 !important}
.statedd .errmsg{ position: absolute; left: 0; top: 33px; font-size: 12px}
.navbar-default{ background: none; border: none; padding: 18px 0; margin:0; border-top: solid 1px #007dc6; position: relative; box-shadow: none}
.navbar-default .container{ position: relative}
.navbar-nav > li > .dropdown-menu{ margin-top: 6px; padding: 0}
.navbar-nav > li > .dropdown-menu li a{ padding: 7px 15px}
.navbar-nav > li > .dropdown-menu li a:hover{ background-color: #007dc6; color: #fff}
.sticky .navbar-default{ background: #fff; padding: 0; min-height: 0}
/*.sticky .header-right{ display: none;transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }*/
.sticky .header-right{ position: absolute; top: 24px; right: 0; padding: 0}
.sticky .tollfree{ font-size: 16px;}
.navbar-right{transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.logo{transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.sticky .navbar-right{ position: absolute; right: 0; padding:0; margin-right: 0; top: -28px; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.sticky .header-top{ min-height: 90px;}
.sticky .logo{ margin-top: 5px}
.navbar-nav > li{position: relative; padding: 0 25px 0 0; margin: 0 25px 0 0}
.navbar-default .navbar-nav > li > a{ color: #262626; font-size: 15px; padding: 0}
.navbar-default .navbar-nav > li > a.active{color:#ff4200; background: none!important}
.navbar-nav .dropdown a{ color: #262626; text-decoration: none}
.navbar-nav > li:after{ position: absolute; right: 0; top: -2px; content:"|";}
.navbar-nav li.last{ padding: 0; margin: 0}
.navbar-nav li.last:after{ content:""; color: #262626;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ background: none; color: #007dc6}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color: #007dc6}
.navbar-default .navbar-toggle .icon-bar{ background-color: #fff}
#homepage {font-family:'Roboto'}
#homepage h2, #homepage h3{font-family:'Roboto'!important}
.hero{ position: relative; z-index: 1;  }
.hero img{ vertical-align: top}
.hero-caption{ position: absolute; top: 165px; left: 0; width: 100%; font-size:32px; line-height: 48px; font-weight: 300; text-transform: uppercase}
.hero-caption span{font-size: 59px;}
.hero-caption .spanblue{color: #ff4200; font-weight: 400; font-size: 52px}
.homepagehero { height: 600px 
}
.service-container{ background: #fff; margin-top: -100px; position: relative; z-index: 10; padding-top: 30px; padding-bottom: 30px;}
.display-table{ display: table; width: 100%; margin: 0}
.display-col{ display: table-cell; float: none}
.services-home .box-content{ border-right: solid 1px #e4e4e4;display: table-cell; width: 20%; padding: 0 15px}
.services-home .box-content:last-child{ border: none}
.services-home .box-content h3{ margin: 0 0 12px 0; padding: 0; font-size: 24px; font-weight: 400}
.services-home .box-content p{ font-size: 12px;}
.services-home .box-content a{ color: #030303; text-decoration: none}
.intro-text { font-size: 18px; line-height: 1.8; text-align: center; padding-bottom: 40px}
.intro-text .intro-brdr{ border-top: solid 1px #e4e4e4; padding-top: 30px}

.home_sithdplus{ background: url(../images/bg_sitihdplus.jpg); background-size: cover; min-height: 620px; padding-top: 65px; background-position: 0 100% }
.home_sithdplus h2{font-size: 60px; font-weight: 300; padding: 0; margin: 0 0 10px 0}
.home_sithdplus p{font-size: 26px; font-weight: 300; padding: 0; margin: 0 0 18px 0}
.home_sithdplus .right-section { padding-top: 45px}


.home_sitiditto{ padding-top: 80px; }
.home_sitiditto h2{font-size: 60px; font-weight: 300; padding: 0; margin: 0 0 10px 0}
.home_sitiditto p{font-size: 26px; font-weight: 300; padding: 0; margin: 0 0 18px 0}
.home_sitiditto .right-section { padding-left: 30px}


.home_packages{ margin-top: 60px}
.home_packages .pkgbox{ background: url(../images/home_pkgbg.jpg) no-repeat; background-size: cover; min-height: 465px; padding: 44px 0 0 80px; border: solid 1px #e4e4e4}
.home_packages .pkgbox h2{font-size: 60px; font-weight: 300; padding: 0; margin: 0 0 10px 0}
.home_packages .pkgbox p{font-size: 26px; font-weight: 300; padding: 0; margin: 0 0 18px 0}

section.home_entertainment{ padding: 60px 0}
.home_entertainment .entertain-box-back{position: relative; z-index: 1; border: solid 1px #ff4200; margin-left: 70px;}
.home_entertainment .entertain-box{ padding: 34px 40px; border: solid 1px #979797; position: relative; z-index: 2; background: #fff; top: 30px; left: 31px;}

.home_entertainment .entertain-box h2{ font-size: 56px; font-weight: 300; padding: 0; margin: 0 0 20px 0}
.home_entertainment .entertain-box .headingpara{ font-size: 28px; font-weight: 300; padding: 0; margin: 0 0 20px 0}
.home_entertainment .bg-img{background:url(http://apexworld.tv/images/broadband.png) right bottom no-repeat; min-height:417px;}
section.home_sitinetwork{ padding: 50px 0; background: #e1f9ff}
section.home_sitinetwork .sitinetworkltd h2{font-size: 43px; line-height: 43px; font-weight: 500; padding: 0; margin: 0 0 10px 0}
section.home_sitinetwork .sitinetworkltd h2 span{font-size: 53px; font-weight: 600}
section.home_sitinetwork .sitinetworkltd p{ font-size: 14px;}
section.home_sitinetwork .network_menu{ float: left; width: 100%; list-style: none}
section.home_sitinetwork .network_menu li{}
section.home_sitinetwork .network_menu li a{border-bottom: solid 1px #d9d9d9; padding: 20px 20px 20px 85px; position: relative; display: block; font-size: 22px; color: #161616; text-decoration: none}
section.home_sitinetwork .network_menu li a:hover{ color: #007dc6}
section.home_sitinetwork .network_menu li a img{ position: absolute; top: calc(50% - 17px); top: -moz-calc(50% - 17px); top: -webkit-calc(50% - 17px); left: 15px}
section.home_sitinetwork .network_menu li a i{ position: absolute; right: 15px; font-size: 30px; line-height: 30px;top: calc(50% - 15px); top: -moz-calc(50% - 15px); top: -webkit-calc(50% - 15px);}

section.channel_latest{ padding: 70px 0}
section.channel_latest .channel_latest_box img{ margin-bottom: 24px;}
section.channel_latest .channel_latest_box h3{ margin: 0 0 20px 0; padding: 0; font-size: 24px; line-height: 1.4; font-weight: 300}
section.channel_latest .channel_latest_box p{ margin: 0 0 20px 0; padding: 0; font-size: 15px; font-weight: 300}

footer{ background: #f3f3f3; color: #000; padding: 40px 0 30px 0}
footer .foot-col h3{ font-size: 14px; padding: 0; margin: 0 0 10px 0}
footer .foot-col ul{ list-style: none}
footer .foot-col ul li a{ color: #787878; font-size: 12px;}

section.footer-btm{ padding:15px 0; background: #5f7dc7; color: #fff; }
 .sociallinks{ font-size: 16px; display: inline-block; margin-right: 30px}
 .sociallinks span{ margin-right: 15px}
 .sociallinks i{ width: 30px; line-height: 30px; font-size: 20px; margin-right: 10px; color: #fff; text-align: center; border-radius: 4px;}
 .sociallinks i.fa-facebook{ background-color: #3a559e; }
 .sociallinks i.fa-twitter{ background-color: #1ab7ea; }
 .sociallinks i.fa-youtube-play{ background-color: #e32c26; }
 .sociallinks i.fa-instagram{ background-color: #2f5e86; }

.social-n-links{margin:20px 0;}

.social-n-links{ font-size: 12px; font-weight: 300; color: #787878; margin-top: 18px;}
.social-n-links span, .social-n-links ul{ display: inline-block;}
.social-n-links span { margin-right: 6px; padding-right: 6px; border-right: solid 1px #787878}
.social-n-links ul{ list-style: none; padding: 0; margin: 0 0 10px}
.social-n-links ul li{ display: inline-block; padding-right: 6px; margin-right: 6px; border-right: solid 1px #787878 ; line-height:12px;}
.social-n-links ul li:last-child{ border: none}
.social-n-links ul li a{ color: #787878; padding-top:0; padding-bottom:0;}



section.footer-btm .contactus{ font-size: 20px; font-size: 20px; font-weight: 600; display: inline-block}
section.footer-btm .contactus a{ color: #ffc027; text-transform: uppercase; text-decoration: none}
section.footer-btm .copyright-row{ font-size: 12px; font-weight: 300; color: #fff; margin-top:0px;}
section.footer-btm .copyright-row span, section.footer-btm .copyright-row ul{ display: inline-block;}
section.footer-btm .copyright-row span { margin-right: 6px; padding-right: 6px; border-right: solid 1px #a7a7a7}
section.footer-btm .copyright-row ul{ list-style: none; padding: 0; margin: 0}
section.footer-btm .copyright-row ul li{ display: inline-block; padding-right: 6px; margin-right: 6px; border-right: solid 1px #a7a7a7}
section.footer-btm .copyright-row ul li:last-child{ border: none}
section.footer-btm .copyright-row ul li a{ color: #fff}

.navbar-toggle .icon-bar:nth-child(2) {
	  top: 1px;
}

.navbar-toggle .icon-bar:nth-child(3) {
  	top: 2px;
}

.navbar-toggle .icon-bar {
	  position: relative;
	  transition: all 500ms ease-in-out;
	  -moz-transition: all 500ms ease-in-out;
	  -webkit-transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-child(1) {
	  top: 6px;
	  transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -webkit-transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-child(2) {
	  background-color: transparent!important;
}

.navbar-toggle.active .icon-bar:nth-child(3) {
	  top: -6px;
	  transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
}
.viewbillwrap{ margin-left: 15px}
.viewbillwrap .btn-blue{ padding: 0 15px; line-height: 32px; border-color: #a0a0a0}
.statedd .form-control{ border-color: #a0a0a0; height: auto}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group{ border: solid 1px #a0a0a0}
.statedd{ position: relative}
.labeltxt{ position: absolute; top: 0; left:0; font-size: 12px; top: -20px; color: #999}
.form-control{ height: 40px; border-radius: 0px;}
textarea.form-control{ height: 85px; resize: none}

/* ===================== about us  ================================== */

/* ====================================== old css overwrite ======================================================== */
body{ padding-top: 90px}
.innerPageBody{ padding-top: 90px; padding-bottom: 50px}
.innerBanner {
    border-bottom: 3px solid #ff4200;
    margin-bottom: 50px;
}
@media (max-width: 767px){
	body{ padding-top: 60px}
}
.logo{ position: relative; top: 0}
.nav > li > a:hover, .nav > li > a:focus{ background: none!important; color: #007dc6!important; text-decoration: none; border: none}
.marQ{ z-index: 100}
/*body{ padding-top: 130px}*/
.sticky .navbar-nav li.last{ margin-right: 15px}
.navbar-right .dropdown-menu{ height: auto}
.navbar-right .dropdown-menu li{ padding: 0}
.rMore {
    background: #0081ad none repeat scroll 0 0;
    border: 1px solid #0081ad;
    border-radius: 0;
    color: #fff;
    filter: none;
    text-shadow: none;
}
.newsletter {
    border-radius: 0;
    background: #222121;
    border: #222121 solid 1px;
}
.nsubmit {
    background: #474545 none repeat scroll 0 0;
    border: none!important;
    border-radius: 0;
    box-shadow: none;
    filter: none;
    text-shadow: none;
}

.breadcrumb {background-color:#fff; border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0; position:static !important; padding-top:20px; padding-left:0;}
.breadcrumb a {color: #000000;}
.breadcrumb a:hover {text-decoration: none;}
.breadcrumb > .active {color:#6d6d6d;}
.breadcrumb > li + li:before{content:"›"; font-size:24px; color:#818181}





/* ====================================== old css overwrite ======================================================== */

/* responsive */
@media (max-width: 1279px){
	 h2, section.home_sitinetwork .sitinetworkltd h2 span, .home_packages .pkgbox h2, .home_entertainment .entertain-box h2, section.home_sitinetwork .sitinetworkltd h2, .home_sithdplus h2, .home_sitiditto h2{ font-size: 30px;}
	.home_entertainment .entertain-box .headingpara{ font-size: 24px;}
	.hero{ padding-top: 80px}
	.hero-caption{ font-size: 34px; line-height: 34px}
	.hero-caption span{ font-size: 42px;}
	.hero-caption .spanblue{ font-size: 43px;}
	.service-container{ margin-top: -50px}
}

@media (max-width: 1023px){
	.tollfree{ font-size: 15px}
    .homepagehero { height: auto}
}

@media (max-width: 767px){
	
	.navbar-toggle{ position: fixed; top: 6px; right: 0; z-index: 999}
	.navbar-collapse{ position: fixed; top: 0; left: 0; background: #fff; z-index: 300; width: 100%; height: 100%!important; max-height: 100%!important; margin: 0!important; height: 100%; padding-top: 60px}
	.navbar-collapse li { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: solid 1px #ccc; }
	.navbar-collapse li:after{ content:""}
	.navbar-nav li.last{ border: none}
	.navbar-collapse li a{ font-size: 18px!important; padding-left: 15px!important; padding-right: 15px!important}
	.navbar-default{ padding: 0}
	.navbar{ min-height: 0}
	.navbar .dropdown-menu{ left: 0; right: 0; width: 100%!important; position: relative; margin-top: 15px!important;margin-bottom: 15px!important; background-color: #f7f7f7; display: block!important}

	.navbar .dropdown-menu li{ margin: 0; padding: 0 30px!important; border: none}
	.navbar .dropdown-menu li a{ font-size: 16px!important; border-bottom: solid 1px #ccc}
	.sticky .navbar-right{ position: relative; top: 0; left: 0; margin: 7.5px -15px}
	.sticky .header-top{ min-height: 50px}
	.sticky .logo{ margin-top: 0}
	.header-right{ display: none}
	.logo img{ max-height: 60px}
	.hero{ padding-top: 60px;}
	.service-container{ margin-top: 0}
	.hero-caption{ position: relative; top: 0; padding-top: 20px; width: 100%;}
	
	
	.hero-caption .text-right{ text-align: center}
	
	.services-home .box-content{ display: block; width: 100%; border-right: none; border-bottom: solid 1px #e4e4e4 }
	.display-table{ display: block; width: inherit; }
	.intro-text, .services-home .box-content p{ font-size: 14px; line-height: 1.4}
	.home_packages .pkgbox{ padding: 15px}
	.home_packages .pkgbox p, .home_sithdplus p, .home_sitiditto p{ font-size: 18px;}
	section.home_entertainment{ padding-right: 15px}
	.home_entertainment .entertain-box-back{ margin-left: 0}
	.home_entertainment .entertain-box{ left: 15px; top: 15px; padding: 15px;}
	.home_entertainment .entertain-box .headingpara{ font-size: 18px; }
	 .sociallinks{ margin-bottom: 15px}
	 .sociallinks{ margin-right: 0}
	section.footer-btm .copyright-row span{ display: block; border: none; padding: 0; margin: 0 0 10px 0}
	.scrollup{ display: none!important}
	section.footer-btm .copyright-row ul li{ margin-right: 3px; padding-right: 3px;}
	.footerlogo{ margin-bottom: 20px}
	footer .foot-col ul{ margin-bottom: 20px}
/* old css */
	.dropMenu{ margin-left: 0}
	.dropMenu li.menu{ padding:5px 0 5px 15px }
	.dropMenu li.menu>div#menu li{ margin-left:0px; }
	.dropMenu li.menu>div#menu ul li a{margin-left:-30px;}
/* old css */
.home_sithdplus{ min-height: 100px; background: #fbf8f8}
.home_sitiditto{ padding-top: 30px}
.home_sitiditto .right-section{ padding-left:0 }
.home_sithdplus .right-section{ padding-top: 15px}
.home_sithdplus{ padding: 30px 0}	
	
}

@media (min-width: 768px) and (max-width: 1024px){
	.navbar-nav > li{ margin: 0 10px 0 0; padding: 0 10px 0 0}
	.navbar-default .navbar-nav > li > a{ font-size: 14px;}
	

}

/**/
#fixedtabsection{z-index:9 !important;}
.common_tabs{border-color:#b3b3b3; background:#fff; z-index:999;}
.common_tabs.nav-tabs > li a{ color:#000; font-size:14px; border:0;}
.common_tabs.nav-tabs li.active a,.nav-tabs li:hover a,.nav-tabs li:focus a,.nav-tabs li.active a:hover,.nav-tabs li.active a:focus{background:#49bc4f !important; border:0 !important; color:#fff !important;}
.panel-heading{padding:0;}
.panel-heading a{padding:10px 15px; display:block; text-decoration:none;}

h1{ font-weight:300 !important; margin-bottom:30px; text-transform:uppercase}

/* common modal */
.sitiModal .modal-header{ background: none; padding: 0; border: none}
.sitiModal .modal-header button.close{ padding: 10px; opacity: 1; background: #ff4200}
.sitiModal .modal-content{border-radius: 0px; background: none; border: none; box-shadow: none}
.sitiModal .modal-body{ background-color: #fff; border: 8px solid #c1c1c1;float: left; width: 100%}
.sitiModal h2.modal-heading{ font-size: 23px; padding: 0; margin: 0}
/* end common modal */

/* common accordion */

.accordionContainer  .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border: none;
    }

.accordionContainer .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #fff;
		border: none;
		border-bottom: solid 1px #dadada;
		
    }

   .accordionContainer .panel-title {
        font-size: 14px;
		font-weight: 300
    }

.accordionContainer .panel-title > a.collapsed{color: #7e7d7c; }
   .accordionContainer .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
		color: #ff4200;
		padding-left: 0
		
    }
	
	.accordionContainer.accordionWithBg .panel-title > a{ padding-left: 15px}

   .accordionContainer .more-less {
        float: right;
        color: #a2a2a2;
		font-size: 22px
    }
	.accordionContainer .more-less.fa-plus-circle{ color: #a2a2a2}
	.accordionContainer .more-less.fa-minus-circle{ color: #ff4200}
	

   .accordionContainer .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }

/* end common accordion */


/* vertically center modal */
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  
} /* vertically center modal */
  /* my account left panel css */

ul.leftMenu {
    padding: 0;
    margin: 0;
    list-style: none;
}
    ul.leftMenu li {
        border-bottom: solid 1px #ccc;
        
    }
        ul.leftMenu li.head {
            background-color: #ff4200;
            color: #fff;
            padding: 8px 15px;
        }
        ul.leftMenu li a {
            text-decoration: none;
            background-color: #f7f7f7;
            padding: 8px 15px;
            display: block
        }
            ul.leftMenu li a.active {
                background-color: #01acc6; color: #fff
            }
#topnavsMyAccount {
    margin-bottom: 30px
}
    #topnavsMyAccount li a {
        border: none
    }
#topnavsMyAccount li a.active {
        background-color: #01acc6; color: #fff
}
/*.tabheadcolor{ background: #f50100!important}
.tabheadcolor1{ background: #50acd5!important}
.tabheadcolor2{ background: #5dbf6a!important}
.tabheadcolor3{ background: #2682cd!important}
.tabheadcolor4{ background: #fda100!important}
.tabheadcolor5{ background: #f67927!important}
.tabheadcolor6{ background: #e44831!important}
.tabheadcolor7{ background: #75706a!important}
.tabheadcolor8{ background: #3ca85c!important}
.tabheadcolor9{ background: #ed6950!important}
.tabheadcolor10{ background: #2668b4!important}
*/

.tabheadcolor{ background: #f50100!important}
.tabheadcolor1{ background: #f50100!important}
.tabheadcolor2{ background: #f50100!important}
.tabheadcolor3{ background: #f50100!important}
.tabheadcolor4{ background: #f50100!important}
.tabheadcolor5{ background: #f50100!important}
.tabheadcolor6{ background: #f50100!important}
.tabheadcolor7{ background: #f50100!important}
.tabheadcolor8{ background: #f50100!important}
.tabheadcolor9{ background: #f50100!important}
.tabheadcolor10{ background: #f50100!important}


/* compare plan */
.compareplan .tablewrap { max-width: 870px; margin: 0 auto 50px auto}
.compareplan .tablewrap .table-bordered{ border-left: none}
.compareplan .tablewrap table th{font-size: 24px; color: #fff; font-weight: bold; padding: 20px; vertical-align: top; border-radius: 0px}
.compareplan .tablewrap table th.th1{ background-color: #797979; border-color: #797979}
.compareplan .tablewrap table th.th2{ background-color: #fcc700; border-color: #fcc700}
.compareplan .tablewrap table th.th3{ background-color: #f97929; border-color: #f97929}
.compareplan .tablewrap table th.th4{ background-color: #e44832; border-color: #e44832}
.compareplan .tablewrap table td{ padding: 20px; font-size: 21px; color: #5e5e5e; vertical-align: top}
.compareplan .tablewrap table td span.lightfont{ font-weight: 300}
.compareplan .tablewrap table td.td1{ border-right-color: #fcc700; border-left: none}
.compareplan .tablewrap table td.td2{ border-right-color: #f97929}
.compareplan .tablewrap table td.td3{ border-right-color: #e44832}
.compareplan .tablewrap table td.td4{ border-right-color: #e44832}
.compareplan .tablewrap table td.td2.last{ border-bottom-color: #fcc700}
.compareplan .tablewrap table td.td3.last{ border-bottom-color: #f97929}
.compareplan .tablewrap table td.td4.last{ border-bottom-color: #e44832}
.comparecheckbox{ color: #ff4200}
.radiowrap span input{display:inline-block; margin-right: 5px;}
.radiowrap span label {display:inline-block; margin-right: 15px;}
@media (max-width: 767px){
	.compareplan .tablewrap table th{ font-size: 16px; padding: 5px 10px}
	.compareplan .tablewrap table td{ font-size: 14px; padding: 5px 10px}
}

/* mysiti */
#mysitipage .innerBanner{ margin-bottom: 0px!important}
#mysitipage	.section_select{ background: url(../images/bg-selectlocation.jpg) repeat; padding: 30px 0}
#mysitipage	.section_select h1{ color: #fff}
#mysitipage .mysitisection{ padding: 60px 0; font-weight: 300; color: #383838}
#mysitipage .mysitisection h2{ padding: 0; margin: 0 0 15px 0; font-size: 36px; text-transform: uppercase; font-weight: normal; }
#mysitipage .mysitisection figure .imgfull{ width: 100%}
#mysitipage .redtagshow{ background-color: #f2f1f1}
#mysitipage .redtagshow .contentSection{ position: relative; padding-left: 128px;}
#mysitipage .redtagshow .redtag{ position: absolute; left: -50px; top: 13px}
#mysitipage .sitichannels h2{ margin-bottom: 30px}
#mysitipage .sitichannels h3{ color: #ff6f3d; font-size: 20px; font-weight: normal; padding: 0; margin: 14px 0}
#mysitipage .contactinfo { background-color: #43bd48; color: #fff}
#mysitipage .contactinfo h3{ padding: 0; margin: 0 0 15px 0}
#mysitipage .contactinfo p{ margin: 0; font-weight: normal}
#mysitipage .contactinfo .displaytable{ display: table; width: 100%}
#mysitipage .contactinfo .displaytable .displaycol{ display: table-cell; float: none; vertical-align: middle}
#mysitipage .contactinfo .displaytable .displaycol.brdrleft{ border-left: solid 1px #67db6c; padding-left: 50px}
#mysitipage .contactinfo .ratecardpdf{ font-size: 20px; font-weight: normal; padding: 8px 30px; border: solid 1px #fff; color: #fff; display: inline-block}
#mysitipage .contactinfo .ratecardpdf:hover{ text-decoration: none; background-color: #000}
#mysitipage .contactinfo .ratecardpdf img{ margin-right: 10px}
#mysitipage .owl-controls{ position: absolute; top: calc(50% - 20px); font-size: 40px; width: 100%}
#mysitipage .owl-controls .owl-prev{ position: absolute; left: -40px;}
#mysitipage .owl-controls .owl-next{ position: absolute; right: -30px;}
.mysiti-carousel-box{ margin: 15px;}
.mysiti-carousel-box figure img{ -webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.2);}
@media (max-width: 767px){
	#mysitipage .section_select h1{ font-size: 24px;}
	#mysitipage .mysitisection{ padding: 30px 0}
	#mysitipage .mysitisection h2{ font-size: 20px;}
	#mysitipage .contactinfo .displaytable, #mysitipage .contactinfo .displaytable .displaycol{ display: block}
	#mysitipage .contactinfo .displaytable h3 br{ display: none}
	#mysitipage .contactinfo .displaytable .displaycol.brdrleft{ padding-left: 15px; border: none; margin-top: 15px;}
	#mysitipage .redtagshow .contentSection{ padding-left: 100px;}
	#mysitipage .redtagshow .redtag{ left: 0}
	#mysitipage .redtagshow .redtag img{ max-width: 100px;}
}
/* end mysiti */