/*
* Style tweaks
* --------------------------------------------------
*/
html,
body {
    overflow-x: hidden; /* Prevent scroll on narrow devices */ font-family: 'Roboto', sans-serif; 
}
body {
   
}
footer {
    padding: 30px 0;
}



header{padding: 25px 0px; border-bottom: 1px solid #393939; }
.bg{ background-image: url('../images/banner2.gif');  background-repeat: no-repeat;  min-height: 700px; background-size: contain;}

/*
 * Custom styles
 */



.navbar{border-bottom: 1px solid #393939; background-color: #1F2020;}
.navbar-brand {
    font-size: 24px; padding: 0; 
}
.navbar a.divider{width:2px; height:100%; background: #fff;}

.navbar-container {
    padding: 0; border-left:1px solid #393939; border-right:1px solid #393939;
}

.navbar.navbar-fixed-top.fixed-theme {
    background-color:rgba(0, 0, 0, 0.9);
    
}

.navbar-brand.fixed-theme {
    font-size: 18px;
    
}

.navbar-container.fixed-theme {
    padding:0;
    
}

.navbar-brand.fixed-theme,
.navbar-container.fixed-theme,
.navbar.navbar-fixed-top.fixed-theme,
.navbar-brand,
.navbar-container{
    transition: 0.8s;
    -webkit-transition:  0.8s;
}

.navbar-nav li a{color:#fff; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif;     font-size: 14px;     letter-spacing: 0em;}
.navbar-nav li a:hover{background: none;}


.navbar-toggle{ }
.navbar-toggle .icon-bar{background: #fff;}

.navbar-nav>li.line{border-left:1px solid #393939; padding: 25px 14px;}
.navbar-nav>li>a.review{background:#fff!important; color:#000!important; border-radius:18px; padding: 10px 20px; font-weight:bold;}
.nav>li>a:focus, .nav>li>a:hover{background:none; }
.navbar-nav>li>a.review:hover{background:#fff!important;}
.navbar-nav>li>a.review active{background:#fff!important; }

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{padding-right:9px;}
.navbar-nav>li.line{    margin-left: 5px;}
.down-right{background:#f5f5f5; margin:24px 0 0 0; padding:25px 46px;}
.down-right h5{font-size: 21px; color:#444444;  font-family: 'Roboto Condensed', sans-serif; font-weight:bold; text-transform:uppercase;}
.down-right p{  font-family: Roboto;   font-size: 18px; color:#444444; margin-bottom:25px;}
.down-right a{margin:15px 0px; display:block;}
.contact-sec h4{font-size:18px; padding:30px 0px 10px;}
.contact-sec h5{color:#b0b0b0; font-size:16px; font-size:15px; line-height:17px; margin-bottom:35px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; }
.contact-sec h5 a{color:#454545; display:block; font-size:12px; text-transform:lowercase; line-height:0px; font-family: 'Roboto', sans-serif; } 


.desk{display: none;}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
    text-align: center;
    }




.slide-text {
    color:#fff; padding: 200px 0 50px;
}

.slide-text a{margin:40px 15px 0px; display: inline-block;}


.slide-text p {
    font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: condensed;
  line-height: normal;
  letter-spacing: 6.43px; text-transform: uppercase;
}

.slide-text h4 {
    font-size: 48px; font-weight: 700 !important; text-transform: uppercase; text-shadow: 0 4px 9px rgba(0, 0, 0, 0.59);
}

.slide-text {text-align: center;}
.mobile-sec{text-align: center;}
.mobile{background: #151515; border-radius:20px; padding: 10px; display: inline-block; position: relative; box-shadow:0px 0px 80px 20px rgba(0,0,0,0.25);}
.mb-line{background: #323232;     max-width: 100px;    height: 5px;    display: block;    text-align: center;    margin: 10px auto;     border-radius: 5px;}
.mb-telugu{margin-top: 70px;}
.mobile-sec p{font-size: 28px; margin: 55px 0px;}
.count-sec{background: #181818; margin-top: -200px;height: auto; display: block; width: 100%;}
.count-sec h6{color:#fff; font-size: 28px; font-weight: 300; margin: 50px 0 30px;}
.hyper{padding: 310px 0 0 0;}
.hyper p{    font-size: 28px;
    color: #fff;
    font-weight: 200;
    padding: 0px 160px;
    text-align: center;}
.option-panel {display: none;}
.features{border: 1px solid #ccc; overflow: hidden; }
.bdr-b{border-bottom: none;}
.bdr-t{border-top:none;}


.carousel .item img{
    width: 106x;
    height: 106x;
    margin: 0 auto;
    padding: 5px;
    
    border-radius: 50%;
}

.carousel .carousel-control {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: none;
    text-shadow: none;
    top: 4px;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}


.list-inline {
  .list-unstyled();
  margin-left: -5px;

  > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
  }
}

.carousel .star-rating i{color:#ffb327; font-size:18px; width:11px;}
.overview{font-size: 16px; font-weight: 500;}
.overview b{display:block; color:#ff0088; }
.carousel-indicators li{background: #d8d8d8; border: none;}
.carousel-indicators .active{background: #191919; border: none;}
.carousel-indicators {
    bottom: -70px;
}


.testimonial{font-size: 20px; font-weight: 300; padding-bottom: 30px;}
.img-box img{width:66px; height: 66px; border: none;}

.bg3 h2{padding-bottom: 45px;}

/** COUNTERS **/
.counters {
    padding: 70px 0 90px;
    background: rgba(0, 0, 0, 0.04) url(../img/counters.jpg) top left repeat;
    z-index: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    
}

.counters.overview-bgi:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

.counter-box{
    margin-bottom: 50px;
}

.counter-box i{
    font-size: 40px;
    color: #fff;
    margin-bottom: 10px;
    display: block;
}

.counter-box h1 {
    font-weight: bold;
    color: #ffb327;
    margin: 0 0 10px;
    font-size:42px;
}

.counter-box h5 {
    margin: 0;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400; letter-spacing: normal;
}

.line2{background: #fff;  margin: 0px auto; display: inline-block;     width: 190px!importnat;     clear: both;
    max-width: 190px; }

.fet {
    font-size: 30px; color:#000; font-weight: 500; text-transform:uppercase;
}

.readmore{border:1px solid #fff; border-radius:4px; color:#fff; display:inline-block; text-align:center; margin:50px auto 0; padding:10px 25px;}
.readmore:hover{color:#fff; text-decoration:none; border:1px solid #ffb327; }
.fe-bdr {
    border-right:1px solid #ccc;
    min-height: 250px; padding: 15px;
}
.fe-bdr img{margin:30px 0px;}

.fe-bdr h6{font-size: 18px; font-weight: 700 !important; color:#191919; text-transform: uppercase;}
.fe-bdr p{color:#b3b3b3; font-size: 14px; padding-right: 50px;}
.fe-bdr1{min-height: 330px;}

.b-right{border-right:none;}
.bg2{background-color: #191919; }
.flip-sec{}
.flip-sec img{margin: -120px 0 0 -60px;}
.flip-size{max-width: 500px; }

.flip-size h4{color: #fff; font-size: 38px; font-weight: 300; padding: 77px 100px 0px 0px;}
.flip-size h4 span{display: block;}
.flip-size p{color:#fff; font-size:18px; font-weight: 200; padding: 20px 50px 0 0;   line-height: 1.53;}
.flip-buttons{margin: 0px 0px;}
.flip-buttons h6{color: #fff; margin: 0px; text-align: left;    padding: 0;     margin: 40px 0 0px 12px;    display: block; font-size: 12px; text-transform: uppercase;font-weight: 200;}
.flip-buttons a{margin: 0px 0px 0px 0px; display:inline-block;}
.flip-buttons a img{margin: 0px!important;}
.blog{padding: 90px 0px;}
.blog h4{font-size: 28px; color:#ffb327; font-family: 'Supermercado One', cursive;}
.blog h2{color:#191919; font-size:38px; font-weight: 500; margin-bottom: 50px; margin-top: 0px;} 
.blg-bx{box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.26); border-radius: 2px; height: auto;min-height:660px;padding-bottom:10px;  }

.media{}
.media h6 {display: block; margin: 0 0 8px 0px; font-size: 15px; font-weight: 200; color:#191919; line-height: 29px;}
.media h6 i{background: #ffb327; height: 23px; width: 5px; float:left; margin: 0 15px 0 0;}
.media h6 span{     text-align: right;
    font-size: 13px;
    float: right;
    padding-right: 28px;
} 
.blg-bx p{padding: 20px; color: #191919; font-weight: 700 !important; padding: 20px 41px 0px 20px; font-size: 23px;}
.blg-bx p.tx1{font-weight:normal; font-size:16px; color:#393939; padding:0px 41px 20px 20px; font-family: roboto; }
.readm { color:#ffb327 !important; font-size: 18px !important; }

}
.blg-bx a{color:#ffb327; font-size: 18px; text-decoration: none; padding:
  0 0px 20px 0px; display: block; }
.blg-bx a:hover{text-decoration: none;}
.bg3 {
    background: #f5f5f5;padding: 100px 0px;
}
.item{max-width: 500px; margin: 0px auto;}

footer{background:#191919;}

.foot-sec h4{color: #fff; font-size: 28px; font-weight: 300;}
.foot-sec p{color: #fff; font-size: 24px; font-weight: 200; padding: 10px 0 0 0;}
.foot-sec hr{margin: 50px 0px;}
.and-play{float:right; margin: 30px 0 0 0; }
.and-play p{padding: 0 0 0 10px; margin: 0; font-size: 12px;}
.and-play img{margin: 0px!important;}

.and-play2{margin: 30px 0 0 0; }

.and-play2 h5{display: block; color:#77899c; font-size:10px; text-transform:uppercase; font-weight:normal; padding:5px 0px;}
.and-play2 h5 a{color:#c1d3e6; display: block; padding:5px 0px; font-size:18px; text-transform:lowercase;}

.copyright{color:#fff;}
.copyright a img{margin: 0px; padding: 0px 5px;}
.foot-sec img{margin: 46px 0 130px 0px;}
.media-sec{padding:100px 20px;}

.media-sec h4{font-size: 28px; color:#ffb327; font-family: 'Supermercado One', cursive;}
.media-sec h2{color:#fff; font-size:38px; font-weight: 500; margin-bottom: 50px; margin-top: 0px;} 

.media2{ margin:50px 0px;}
.media2 a{text-decoration:none;}
.media2 img {border:1px solid #fff; float:left; margin-right:15px;}
.media2 p{color:#fff; font-size:20px;}
.media2 p.pst{font-size:20px; color:#777777; font-size:18px; font-weight:400; padding-top:20px; line-height: 1.5;}

.media2 label{    color: #b0b0b0;}

.gallery{margin: 0 20px;}
.gallery a{    display: block;     position: relative;}

.gallery a::before {
    background: #d5d5d5;
    content: "";
    width: 88%;
    height: 10px;
    position: absolute;
    bottom: -14px;
    right: -10px;}
.gallery a::after {
    background: #d5d5d5;
    content: "";
    width: 10px;
    height: 200px;
    position: absolute;
    bottom: -4px;
}




@media (min-width: 1370px){
    
    .container {
    width: 1300px;
}


    
}


@media (min-width: 1300px){
	 .navbar-nav li a {
   
    padding: 15px 7px;
}

.flip-sec img{    margin:-120px 0 0 30px!important;}
	}


@media (min-width: 768px){
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -15px;
    padding: 20px 33px!important;
}
    
    .navbar-nav>li{padding: 20px 0px;}    
   


    }



@media (max-width: 1366px){
    .slide-text{
       padding:  150px 0 0px;
    }
    .slide-text h4 {    font-size: 35px;}
    .slide-text p{font-size: 13px; letter-spacing:0;}
    .hyper p{font-size: 25px;}
    .count-sec h6{font-size: 20px;}
    .flip-sec img {    margin: -120px 0 0 110px;}
    .flip-size h4{padding: 57px 100px 0px 0px;     font-size: 36px;}
    .flip-buttons h6{margin: 20px 0px 0px 12px;}
    
}

@media (max-width: 1030px){
    
    .navbar-nav li a{font-size: 11px;
    padding: 17px 9px;}
    .foot-sec img{margin: 46px 0 80px 0px}
    
    .mobile-sec{margin: -60px 0 0 0;}
    .count-sec{margin-top: 60px;}
   
    .slide-text{
    padding:125px 0 0px;
    }    
        
    .slide-text a img{    margin: -20px 0px 70px 0px;
    width: 134px;}
    
    .navbar-brand img{width: 150px;}
    .slide-text h4 {
    font-size: 22px;
}
    
 
.mb-telugu {
    margin-top: 50px;
}
    
   .count-sec {
    margin-top: -160px;
} 
    
  .hyper {
    padding: 238px 0 0 0;
}  
}


@media (min-width: 768px) and (max-width: 1000px) {
   .collapse {
       display: block !important;
   }
   
   .mobile{box-shadow:none;}
   
  
    
    .navbar-brand img{width:100px;}
    .navbar-nav li a {
    font-size: 11px;
    padding: 5px 4px;
}	
	.mobile-sec{display:none;}
    .desk{display:block;}   
	
	
	.navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0;
    padding: 12px 13px!important;
}
	.navbar-nav{background:#000!important;}
	.nav>li{width:100%; float: left;}
	.navbar-nav>li {
    padding: 2px 20px; text-align: center;
    border-bottom: 1px solid #111;
}

.sss{display: inline-block!important; width:45px!important;}

 .mobile img{width:auto!important; height:auto!important; border-radius:0px!important; }
 .fe-bdr0{border:0px;}
 .fe-bdr1{min-height:250px;}
 .flip-sec img {
    margin: 1px 0 0 50px;
}
 .xs-hide{display: none;}
	
}
.ppp a{text-decoration: none; color:#37a3ff!important; text-transform:capitalize; padding: 0 5px;}
.ppp a:nth-child(3){padding: 0;}
.ppp a:nth-child(4){padding: 0 25px 0 0;}
.ppp a:nth-child(5){padding: 0;}
.ppp a:nth-child(6){padding: 0;}
.ppp a:nth-child(7){padding: 0;}
.ppp a:nth-child(2){padding: 0;}
.ppp a:nth-child(1){padding: 0;}
.ppp a:nth-child(1)::after{content: ""; border-right: 1px solid #37a3ff; margin: 0 10px;}
.ppp a:nth-child(2)::after{content: ""; border-right: 1px solid #37a3ff; margin: 0 10px;}
.ppp a:nth-child(3)::after{content: ""; border-right: 1px solid #37a3ff; margin: 0 10px;}
@media (max-width: 600px){
    .bg{max-height: auto; background-size: cover; min-height: auto;}
    .navbar{min-height: 74px;}
    .nav>li{width:100%; float: left; 
    border-bottom: 1px solid #111;}
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0;
    padding: 20px 33px!important;
}
    .navbar-collapse{background:#000!important;}
    .navbar-nav>li{padding: 10px 0px;}    
    .mobile-sec{display: none;}
    .count-sec{margin-top:0px;}
    .slide-text{}
    .slide-text a{display: inline-block; margin:30px 0px 0;}
    .slide-text a img{display: inline-block; width: 130px; margin:0px 6px 40px;}
    .hyper{padding: 25px 0 0 0;}
    .hyper p{    padding: 24px; font-size: 18px; letter-spacing: 0.03em;}
    .slide-text h4 {
    font-size: 31px; padding: 0 24px;
}
.count-sec h6 {
    font-size: 20px;
    padding: 0 24px;
}
.counters {
	padding-top:40px;	
}
.counter-box h1 {
font-size: 24px;	
}
.counter-box h5 {
	font-size:11px;
}
    
    .features {
    overflow: hidden;
    margin: 0px 15px;
	text-align:center;
    
}

.fe-bdr p{padding-right:0px;}
.carousel-indicators {
    bottom: -50px;
}

    .xs-hide{display: none;}
	.flip-buttons{text-align:center;}
	.flip-buttons h6{text-align:center;}
    .fe-bdr{border: none; border-bottom: 1px solid #ccc;}
    .fet{margin: 20px; text-align: center;}
    .fe-bdr1{min-height: auto;}
    .flip-sec img{display: block; margin:0px auto; text-align:center;}
    .flip-buttons a img{display: inline-block; width: 120px; margin: 0px 0 40px 0;}
    .flip-size h4{    font-size: 30px;
    text-align: center;
    display: block;
    padding: 30px 0px;}
	
	.flip-size p {
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    padding: 20px 0px 0 0;
    line-height: 1.53;
    text-align: center;
}
	
    .navbar-toggle{margin-right: 40px;
    margin-top: 20px;}
    .navbar-nav li a{    font-size: 18px;
    padding: 0 40px;}
    .navbar-nav>li>a.review{    display: inline-block;}
    .sss{display: inline-block!important; width:45px!important;}
    .blg-bx{margin-bottom: 30px; height: auto;}
    .carousel-control{display: none;}
    .bg3{padding: 50px 0px;}
    .bg3 h2{padding: 0px 20px;}
    .foot-sec p{font-size: 20px;}
    .and-play{float:left;}
    .ppp{display: block; float: left!important; margin: 20px 0 0 0;}
    
    .desk{display: block;     width: 100%;
    background: #fff;     padding-bottom: 30px;}
    .desk h2{padding-bottom: 20px; font-size: 21px;line-height: 30px; padding: 14px;}
    .mobile img{width:auto!important; height:auto!important; border-radius:0px!important; }
    
    .navbar-brand img{width: 150px;}
    .foot-sec img{width:135px; margin: 26px 0 20px 0px;}
    .copyright a img{width:auto; height: auto;}
    
    .foot-sec h4 { font-size: 21px;}
    .foot-sec p {
    font-size: 15px;
}
    
    
    .foot-sec hr {
    margin: 28px 0px;
}
    
    .counters a img{width:140px;}
	 .mobile{box-shadow:none;}
	 .media2 img{display:block; margin:0px auto; text-align:center; float:none;}
	 .media2 p{display:block!important; width: 100%;
    clear: both;
    padding: 0px 0 0 0; text-align:left;}
	.media2 label{text-align:center;}
	
	.navbar-nav>li.line{    margin-left: 0px;}
    .and-play2{float:left; margin:0px;}
}


@media (max-width: 320px){
    .navbar-brand img{width: 150px;}
    .foot-sec img{width:135px;}
    .copyright a img{width:auto; height: auto;}
    
}
.app_download {
	background: #fff;
    padding: 48px 8%;
    margin: 5% 0;
}
.app_download h4 {
	font-size: 28px;
    text-transform: uppercase;
    font-weight: 700 !important;
	color: #191919;
	margin-bottom: 14px;
	font-family: roboto;
}
.app_download p {
	font-size: 18px;
	color: #191919;
}
