@font-face {
 font-family: montserrat;
 src: url("../fonts/Montserrat-Bold.eot") /* EOT file for IE */
}
@font-face {
 font-family: montserrat;
 src: url("../fonts/Montserrat-Bold.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: sourceSansPro-b;
 src: url("../fonts/SourceSansPro-Bold.eot") /* EOT file for IE */
}
@font-face {
 font-family: sourceSansPro-b;
 src: url("../fonts/SourceSansPro-Bold.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: sourceSansPro-r;
 src: url("../fonts/SourceSansPro-Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: sourceSansPro-r;
 src: url("../fonts/SourceSansPro-Regular.ttf") /* TTF file for CSS3 browsers */
}
*{padding:0;margin:0;}
body,html{height:100%;}
body{padding:0;margin:0;font-family:sourceSansPro-r;}
/* comman classes */
/****************************** Dropdown Select Option Styling *******************************/
.custom-select{ 
    width:100%;	
    position:relative;    
    height: 34px;
    line-height: 20px;
}
.custom-select select {
    border: 0 !important;  /*Removes border*/
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none !important; /* Removes Default Firefox style*/
    background: #FFFFFF url(../images/drop-arrow.png) no-repeat 95% center;
    width:100% !important; /*Width of select dropdown to give space for arrow image*/
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
    color: #ffffff;
    padding: 5px;
    border:1px solid #CCCCCC !important;
    outline:none !important; 
    height:33px;
}
.custom-select select.custom-style {
    border:1px solid #CCCCCC !important;
    outline:none !important; 
    height:42px;
    color: #000000 !important;
}
.custom-select select.custom-style option{
    width:100%;
    border:none;	
    padding:3px 10px !important;
    outline:none !important; 
    border-right:1px solid #CCCCCC !important;
    border-color:#CCCCCC;
    border-width:1px !important;
    font-size: 16px;
    color: #000000 !important;
    background-color:#37138d !important;
}
.custom-select select.balck option:hover{ border-right:1px solid #CCCCCC;}
/******************************* End dropdown select option styling *******************************/
.btn{
	background-color: transparent;;
	border:1px solid #ffffff;
	font-size: 18px;
	color: #ffffff;
	padding: 10px;
	width: 132px;
	height: 44px;
	border-radius: 0;
	margin: 50px auto 0 auto;
	line-height: 20px;
}
.btn:hover,.btn:focus{color: #ffffff;}
/* common classes end */
.navbar{ width:100%;position:absolute;height:76px;padding: 10px;background-color: rgba(55,19,141); background-color: #37138d \a;}
.navbar-default {
    background-color: #C1322B;
    border-color: transparent;
}
.navbar-brand{padding: 0;}
.navbar-default .navbar-nav>li>a{font-size: 18px;color: #fff;padding-bottom: 27px;outline:none;padding-bottom: 32px \a;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{border-bottom:3px solid #b715b1;color:#ffffff;border-top:none; border-right: none;border-left:none;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color: transparent;color:#ffffff;border-top:none; border-right: none;border-left:none;}
.navbar-default .navbar-nav > li > a span{display: inline-block;border:1px solid #934dc4;padding:10px;}
.navbar-default .navbar-nav > li:last-child > a{padding-top:0;padding-bottom: 22px;color:#ffffff;}
.navbar-default .navbar-nav > li:last-child:hover > a,.navbar-default .navbar-nav > li:last-child.active > a,.navbar-default .navbar-nav > li:last-child:focus > a{border-bottom: none;}
.home-bg{min-height:728px;min-height:628px\a;background: url(../images/Group.jpg) no-repeat;background-position: 50% 50%;}
.carousel{height: 598px;}
.carousel-control.right,.carousel-control.left{background-image:none;width:5%}
.item h2{font-family:montserrat;font-size:60px;color:#fff;margin-bottom: 40px;text-align:left;  text-shadow: 2px 2px 2px #000}
.item h3{font-family:sourceSansPro-b;font-size:28px;color:#ffffff;margin-bottom: 40px;text-align:left; }
.item p{font-size: 26px; color: #ffffff; line-height: 30px;text-align:left; }
.item img{margin: auto;}
.app-store{width:149px;height: 53px;display:inline-block;background:url(../images/app-store-icon.png) no-repeat;background-size: 100% 100%; margin-top: 30px;margin-right: 20px;}
.play-store{width:151px;height: 53px;display:inline-block;background:url(../images/google-play-store-icon.png) no-repeat;background-size: 100% 100%; margin-top: 30px;}
.carousel-control{opacity: 1;top:300px; font-size: 50px;}
.app-bg{min-height:728px;background: url(../images/trai-bg.jpg) no-repeat;background-size: 100% 100%;}
/* css for trai section */
.about-section{padding-top: 55px;}
.about-section h1{font-family:montserrat;font-size: 40px;color: #ffffff;margin-bottom: 55px;}
/* trai section end */
/* css for app container */
.app-container ul li{display: inline-block;vertical-align: top;margin-right: 70px;}
.app-container ul li:hover .app-box{background-color: rgba(183,21,77,0.05);}
.app-container ul li:last-child{margin-right: 0;}
.app-container ul li .app-box{width: 315px;height: 443px;border:1px solid #7f66af;background-color: rgba(255,255,255,0.05);padding: 20px 30px;}
.app-container ul li .app-box h2{font-size: 36px; color: #ffffff;}
.data-icon{width:110px;height: 110px;margin: 10px auto 10px auto;}
.app-container ul li .app-box h3{font-family:sourceSansPro-b;font-size: 26px;color: #ffffff;}
.app-container ul li .app-box p{font-family:sourceSansPro-r;font-size: 20px;color: #ffffff;line-height: 25px;}
.mr13{margin-right: 13px !important;}
/* app container end */
/* css for map */
.services-section{padding-top: 0;}
.tab-details{}
.tab-details h2{font-family:montserrat;font-size: 30px; color: #b615b0;}
.select-container{
	background-color:#37138d;
	padding:10px 25px;
	margin-top: 15px;
}
.select-container .title{font-size: 20px; color: #ffffff;margin-bottom: 5px;font-weight: normal;}
.select-container .form-control{
	background-color: transparent;;
	border-left:none !important;
	border-right:none !important;
	border-top:none !important;
	border-bottom: 1px solid #9b89c6;
	border-radius:0;
    font-size: 18px;
    background-color:#37138d !important;
    /*color: #ffffff;*/
}
.select-container .form-control:focus{box-shadow: none;}
.width30{width: 30%;}
.width70{width: 70%;}
.tab-content-details{padding:20px 0px;font-family:;}
/* css for tabs */
.nav-tabs{border-bottom: none;}
.nav-tabs>li{width:33.33%;margin-bottom: 0;}
.nav-tabs>li>a{border:1px solid #cdcdcd;border-radius: 0;margin-bottom: 2px;font-size: 20px;color:#37138d;padding:7px 10px;outline: none; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover,.nav > li > a:focus, .nav > li > a:hover{
	border:1px solid #b615b0;
	background-color: #b615b0;
	color: #ffffff;
}
.nav-tabs li a span.icon{
	width:20px;
	height: 20px;
	display:block;
	background-size:100% 100%;
	text-align: center;
	margin: auto;
}
.nav-tabs li a span.icon.download{background:url(../images/download.png) no-repeat center center;background-size:100% 100%;background-size:20px 20px \a;}
.nav-tabs li.active a span.icon.download,.nav-tabs li:hover a span.icon.download{background:url(../images/download_active.png) no-repeat center center;background-size:20px 20px \a;}

.nav-tabs li a span.icon.upload{background:url(../images/upload.png) no-repeat center center;background-size:100% 100%;background-size:20px 20px \a;}
.nav-tabs li.active a span.icon.upload,.nav-tabs li:hover a span.icon.upload{background:url(../images/upload_active.png) no-repeat center center;background-size:100% 100%;background-size:20px 20px \a;}

.nav-tabs li a span.icon.coverage{background:url(../images/coverage.png) no-repeat center center;background-size:100% 100%;background-size:20px 20px \a;}
.nav-tabs li.active a span.icon.coverage,.nav-tabs li:hover a span.icon.coverage{background:url(../images/coverage_active.png) no-repeat center center;background-size:100% 100%;background-size:20px 20px \a;}

.tab-content{padding:0;}
.tab-content p.top-text{font-size: 16px;color: #000000; margin-bottom: 25px; text-align: left; margin-top: 15px;}
.info-container{}
.info-container ul{}
.info-container ul li{
	width:48%;
	height: 85px;
	padding: 10px;
	display: inline-block;
	background-color: #c5c5c5;
	margin-bottom: 10px;
	vertical-align: top;
}
.info-container ul li p{font-size: 20px; color: #ffffff;margin-bottom: 5px;text-align: left;}
.info-container ul li h3{font-size: 24px; color: #ffffff;margin-bottom: 5px;text-align: left;margin:0;}
.mr10{margin-right: 12px;}
.operator-tabs ul li{
	width: 49.8%;
	height: 45px;
	padding: 0;
	background-color: #eaeaea;
}
.operator-tabs .nav-tabs>li>a{padding: 8px 10px;border:none;}
.operator-tabs .nav-tabs>li.active>a,.operator-tabs .nav-tabs>li.active>a:focus, .operator-tabs .nav-tabs>li.active>a:hover,.operator-tabs .nav > li > a:focus,.operator-tabs .nav > li > a:hover{border:none;}
.map-container{width:500px;height: 400px; margin: 0 auto}
/* css for tabs end */
/* map end */
footer{width:100%;height:75px; background-color: #3c1290;padding:10px; margin-top:20px;}
footer p{font-size: 20px; color: #ffffff;margin-top: 15px; margin-right: 20px;}
.mt0{margin-top: 0;}
.mb95{margin-bottom:95px;}
/*.height200{min-height:200px; }
.height500{min-height: 500px;}*/
.graph-container{width:99.2%;min-height: 200px;border:1px solid #3c1290;}
.map-container{width:99.2%;min-height: 745px;border:1px solid #3c1290;margin-top: 20px;}
/* css for back to top */
.goup-container{
	width: 49px !important;
	height: 49px !important;
	background:url(../images/back-to-top.png) no-repeat  !important;
	padding-top: 0 !important;	
}
.goup-arrow{border-color:transparent !important;border-width:none !important;}
.goup-text{color:transparent !important;}
/* back to top end */
/* css for modal */
body.modal-open,.modal{padding-right: 0px !important;}
.tour .modal-dialog{width:800px;} 
.tour .modal-dialog img{max-width:100%; width: auto; height:auto;}
.tour .carousel{height: 398px;}
.tour .carousel-control{top:150px;}
.tour .btn{
	width:70px;
	height: 30px;
	color: #000000;
	background-color: #3c1290;
	color: #ffffff;
	margin-top: 0;
	line-height: 10px;
	padding:10px;
}
/* modal end */

@media all and (max-width:1024px){
.app-container ul li{margin-right: 20px;}
}
@media all and (max-width:992px){
.item p{font-size: 20px;}
.about-section h1 {font-size: 32px;}
.app-container ul li{width:31%;margin-right: 10px;}
.app-container ul li .app-box{width: 230px;}
.app-container ul li .app-box h3 {font-size: 22px;}
.app-container ul li .app-box p {font-size: 18px;}
.app-container ul li .app-box{padding: 20px 10px;}
.play-store,.app-store{width: 105px;height: 30px;}
.navbar-header img{width:210px;}
.mt0 {margin-top: 15px;}
.goup-container{right: 40px !important; bottom: 40px !important;}
.tour .modal-dialog{width:98%; margin:10% auto;} 
}
@media all and (max-width:768px){
.app-store{margin-right: 10px;}
.home-bg{min-height: 728px; max-height: 728px;}
.app-bg{min-height: 728px; max-height: 728px;}
.tour .carousel {height: auto;}
}
@media all and (max-width:736px){
.carousel {height: 610px;}
.home-bg {min-height: 750px;max-height: 750px}
.app-container ul li{width: 29%;}
.carousel-control{display: none;}
.navbar-collapse{margin-top:16px;border-top: none;}
.navbar-collapse{background-color: #000000;}
.navbar-collapse .navbar-nav.pull-right{float:none !important;}
.navbar-default .navbar-nav>li>a{border-left:3px solid transparent;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{border-left:3px solid #ffffff;color:#ffffff; border-bottom: none;}

.app-container ul li .app-box{width:188px;}
.app-container ul li .app-box h3{font-size: 20px;}
.app-container ul li .app-box p{font-size: 14px;}
.play-store, .app-store{width:85px;}
.app-bg{min-height: 720px;max-height: 720px;}
}
}
@media all and (max-width:667px){
.carousel {height: 600px;}
.about-section {padding-top: 10px;}
.about-section h1 {font-size: 28px; margin-bottom: 30px;}
.app-bg {min-height: 625px;max-height: 625px;}
.navbar-collapse{margin-top:16px;border-top: none;}
.navbar-default .navbar-nav>li>a{border-left:3px solid transparent;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{border-left:3px solid #ffffff;color:#ffffff; border-bottom: none;}
.navbar-collapse{background-color: #000000;}
.navbar-collapse .navbar-nav.pull-right{float:none !important;}
}
@media all and (max-width:640px){
.about-section h1 {font-size: 24px;}
.navbar-collapse{margin-top:16px;border-top: none;}
.navbar-default .navbar-nav>li>a{border-left:3px solid transparent;}
.item h2 {font-size: 30px; margin-bottom: 20px;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{border-left:3px solid #ffffff;color:#ffffff; border-bottom: none;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{border-bottom:3px solid #b715b1;color:#ffffff;border-top:none; border-right: none;border-left:3px solid #ffffff;border-bottom:none;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color: transparent;color:#ffffff;border-top:none; border-right: none;border-left:3px solid #ffffff;border-bottom:none !important;}
.carousel {height: 580px;}
.carousel-control{display: none;}
.about-section{padding-top: 15px;}
.app-container ul li .app-box {width: 165px;}
.app-container ul li .app-box h3 {font-size: 16px;font-weight: 400;}
.app-container ul li .app-box p {font-size: 14px;}
.navbar-collapse{background-color: #000000;}
.navbar-collapse .navbar-nav.pull-right{float:none !important;}
.play-store,.app-store{width: 80px;height: 30px;}
.goup-container{right: 40px !important; bottom: 40px !important;}
.tour .carousel-control{display: block; top:20%;}
}
@media all and (max-width:600px){
.item h2{margin-bottom: :25px;}
.item p{font-size: 18px;line-height: 25px;}
.play-store, .app-store {height: 30px;width: 75px;}
.play-store{margin-top: 20px;}
}
@media all and (max-width:568px){
.carousel {height: 500px;}
.home-bg {min-height: 655px;max-height: 655px;}
.app-container ul li {width: 32%;}
.play-store, .app-store {height: 25px; width: 80px;}
.app-bg {min-height: 610px;max-height: 610px;}
.about-section {padding-top: 15px;}
.about-section h1{margin-bottom: 20px;}

}
@media all and (max-width:480px){
.home-bg{min-height: 545px;max-height: 545px;}
.carousel {height: 400px;}
.about-section h1 { margin-bottom: 20px;}
.app-container ul li .app-box {padding: 10px 10px;}
.item h2 {font-size: 30px; margin-bottom: 15px;}
.item h3{font-size: 18px;}
.item p {font-size: 14px;}
.play-store, .app-store {height: 50px;width: 115px;}
.app-container ul li{width:100%;}
.app-container ul li .app-box {width: 100%;height: auto;}
.app-box h2{margin-top: 0;}
.data-icon,.data-icon img{width:50px;height: 50px;}
.about-section {padding-top: 10px;}
.about-section h1 {font-size: 22px;}
.about-section h1{margin-bottom: 20px;}
.app-store,.play-store{margin-top: 15px; margin-bottom: 10px;}
.app-bg{min-height: 925px;max-height: 925px;}
.app-container ul li:last-child{margin-top: 15px;}
#chartcontainer{width:85%;}
footer{height: auto;text-align: center;}
footer .pull-left, footer .pull-right{float:none !important;}
.modal-header,.modal-footer{padding:7px;}
}
@media all and (max-width:435px){
.home-bg {height: 675px;}
.carousel {height: 400px;}
.play-store, .app-store {height: 30px;width: 80px;margin-top: 10px;}
}
@media all and (max-width:360px){
.navbar-header a{width:220px;}
.intro-section{padding-top: 100px;}
.carousel-inner .item .col-xs-7,.carousel-inner .item .col-xs-5{width:100%;}
.item img{width:100px;height:170px;margin: auto;;}
 .item img.map-img{width:150px; height: 150px; margin-top: 50px;}
.app-bg {min-height: 975px;max-height: 975px;}
.play-store, .app-store {height: 25px;width: 70px;}
.home-bg {min-height: 645px;max-height: 645px;}
.carousel {height: 558px;}
.nav-tabs > li > a{font-size: 16px;}
.info-container ul li{width:100%;}
.mr10{margin-right: 0;}
.operator-tabs .nav-tabs > li > a{padding: 11px 10px;}
#chartcontainer{width:85%;}
}
@media all and (max-width:320px){
.item h2 {font-size: 20px;}
.item p {font-size: 12px;}
}