@charset "utf-8";
/* CSS Document 
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);*/
@font-face {
    font-family: mon-reg;
    src: url(../fonts/Montserrat-Regular_0.otf);
}
@font-face {
    font-family: DINOT-Regular;
    src: url(../fonts/DINOT-Regular.otf);
}
@font-face {
    font-family: DINOT-Bold;
    src: url(../fonts/DINOT-Bold.otf);
}
@font-face {
    font-family: DINOT-Medium;
    src: url(../fonts/DINOT-Medium.otf);
}
@font-face {
    font-family: Montserrat-Bold_0;
    src: url(../fonts/Montserrat-Bold_0.otf);
}
@font-face {
    font-family: Montserrat-SemiBold_0;
    src: url(../fonts/Montserrat-SemiBold_0.otf);
}
@font-face {
    font-family: Montserrat-Light_0;
    src: url(../fonts/Montserrat-Light_0.otf);
}
@font-face {
    font-family: raleway-light;
    src: url(../fonts/Raleway-Light_1.ttf);
}
@font-face {
    font-family: Raleway-Medium_1;
    src: url(../fonts/Raleway-Medium_1.ttf);
}
@font-face {
    font-family: Raleway-Bold;
    src: url(../fonts/Raleway-Bold_1.ttf);
}
@font-face {
    font-family: omnes-regular;
    src: url(../fonts/omnes-regular.ttf);
}
@font-face {
    font-family: Raleway-ExtraBold;
    src: url(../fonts/Raleway-ExtraBold_1.ttf);
}
@font-face {
    font-family: Raleway-black;
    src: url(../fonts/Raleway-Black_1.ttf);
}
@font-face {
    font-family: Raleway-Regular_0;
    src: url(../fonts/Raleway-Regular_0.ttf);
}
@font-face {
    font-family: omnes-semibold;
    src: url(../fonts/omnes-semibold.ttf);
}
@font-face {
    font-family: omnes_medium;
    src: url(../fonts/omnes_medium.ttf);
}
.tprice{font-family: Montserrat-SemiBold_0; font-size: 49px;
}
.navbar-brand {
    
     padding: 0; 
   
}
.dis p{    padding-top: 11px;
    font-size: 12px;
    font-weight: bold;}
.chcnt{   font-family: omnes-semibold;}
.chn{ font-family: omnes-regular;}
.tax{font-size: 12px;
    font-family: omnes-regular;}
	.plus{    font-size: 12px;
    font-family: omnes-regular;}
.tsprice{    font-size: 33px; font-family: Montserrat-SemiBold_0;
    margin-bottom: -8px;}
	.tpri{font-family: Montserrat-SemiBold_0; font-size: 40px;margin-bottom: 0;
}
.tspri{    font-size: 25px; font-family: Montserrat-SemiBold_0;
    margin-bottom: -8px;}
	.fprice{     border: 1px solid #e0e0e0;    border-radius: 7px;     padding: 10px 10px;} 
	.fprice h3{    background-color: #2d75b7;   border-top-left-radius: 7px;border-top-right-radius: 7px; font-family: omnes-regular;
    margin-top: -1px;
    padding: 14px 11px;
    color: #FFF;}
	.cht{background-color: #2b9cd8;
    color: #FFF;
    padding: 11px 32px;
    font-size: 21px;font-family: Montserrat-Light_0; 
    border-radius: 25px; text-decoration:none;}
	.up{    margin-bottom: 1px;}
	.oth{  font-family: Raleway-Bold; color:#242424;font-size: 10px;}
	.down{font-family: Montserrat-Light_0; }
	.mon{ font-family: Raleway-Bold;}
	.upr{font-size: 45px;font-family: Montserrat-Light_0; }
	.tsub{font-family: Montserrat-Light_0; 
    font-size: 10px;}
	.speed{    padding-top: 21px;}
	.xfin{font-family: Montserrat-SemiBold_0; color:#c8001d}
.banner {
    background: url(../images/banner.jpg) no-repeat;    padding-top: 32px;
    background-size: cover;
/*    padding-bottom: 227px; */   margin-top: 87px;
  
}
.navbar-default { 
    background-color: #FFF;
    border-color: #FFF;
}

.nav{     padding-top: 17px !important;}
.header{    background-color: #FFF;}
.navbar{ margin-bottom:0px;}
.btitle{    color: #FFF;     font-family: DINOT-Medium;}
.month{font-family: DINOT-Medium; color:#FFF;}
.ititle{ color:#FFF; font-family: mon-reg;}
.bnumber{ color:#FFF;   font-family: DINOT-Bold;   font-size: 55px;}
.cnt{    padding-top: 46px;
    padding-bottom: 40px;}
	.lay img{ margin:0 auto;    margin-right: 0px;}
	.chat{ background-color:#2b9cd8; color:#FFF;  font-family: Raleway-Bold;    padding: 10px 45px;
    font-size: 24px;
    border-radius: 10px;}
	.chat:hover{ color:#FFF; text-decoration:none;}
	.callus{     padding-top: 44px;
    padding-bottom: 55px;background-color: #f8f8f8;
}
.plist{ padding-top:40px; padding-bottom:40px;}
.plist h1{font-family: omnes-regular;    font-size: 28px;}
.plist h4{font-family: omnes-regular;}
	.callus h1{ font-family: Raleway-Bold; font-size: 45px;}
	.callus h5{ font-family: Raleway-Medium_1; text-transform:uppercase; font-size: 19px;}
	.tfn1{    background-color: #2b9cd8;
    color: #FFF;
    text-decoration: none;
    padding: 12px 24px;
    font-size: 30px;font-family: Raleway-Bold;}
	.cnttit{  font-family: DINOT-Regular; color:#000;}
	.han{ color:#262626; font-family: omnes_medium;}
	.app{font-family: DINOT-Regular; color:#262626;}
	.terms p{    font-size: 11px;font-family: omnes-regular;}
.chatr{ background-color:#FFF;  }
	.time{ color:#03abf2; font-family: raleway-light;    font-size: 23px;}
	.offers{ color:#03abf2; font-family: raleway-light;font-size: 43px;}
	.tcnt{ color:#03abf2; font-family: Raleway-Bold;    margin-top: -2px;     font-size: 42px;}
	.content{    padding-top: 40px;     background-color: #f2f8fa;     padding-bottom: 22px;}
	.nav-tabs{ border:none !important;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ border:none !important }
.ofcnt{padding-top: 20px;
    padding-bottom: 20px;
    background-color: #FFF;
    margin-top: 13px;}
	.of-p{ font-family: raleway-light; color:#5f5f5f; }
	.of-t{ font-family: Raleway-ExtraBold; color:#21ade7;} 
	.mb{    padding-top: 17px;}
	.of-mb{     font-family: Raleway-ExtraBold;
    color: #494949;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: -8px;}
	.more{    font-size: 22px;
    border: 3px solid #21ade7;
    padding: 7px 14px;
    text-transform: none;
    border-radius: 37px;
    color: #21ade7;  font-family: Raleway-black;}
	.dte{     color: #21ade7;
    font-family: Raleway-black;
    text-transform: uppercase;
    padding-left: 4px;}
	.price{ font-family: Raleway-black; color: #562576;    font-size: 31px;}
	.mth{ font-family: Raleway-ExtraBold; color:#7f7f7f;}
	.rmth{    padding-left: 0;}
	.thn{ font-family: Raleway-Regular_0;}
	.thn span{ font-family: Raleway-ExtraBold;}
	.call{font-family: Raleway-black; background-color:#21ade7;    font-size: 25px;
    color: #FFF;
    padding: 5px 22px;
    border-radius: 21px;}
	.more:hover{color: #21ade7;  text-decoration:none;}
	.call:hover{color: #FFF;  text-decoration:none;}
	.footer{background-color:#000;    padding-top: 17px;
    padding-bottom: 12px;
}
.fmenu li a{ color:#FFF;}
.fmenu li a:hover{ color:#FFF; text-decoration:none}
.nav li a{  font-family: Raleway-Bold; color:#181818}
.label-hh,.label-mm,.label-ss{ display:none}
.tfn{    margin-top: 8px;    font-family: mon-reg;
    font-weight: bold;}
	.dtfn{ margin-top:0;}
/*media screen*/
@media (min-width: 1200px) 
{
	
}

/* #3- Regular sized laptops */
@media (min-width: 980px) and (max-width: 1024px) 
{ 

}
@media (max-width: 979px) 
{

}
/* #3- Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) 
{ 

.price {
    
    font-size: 19px;
}
} 

/* #4- Landscape phone to portrait tablet */
@media (max-width: 767px)
{

}
@media (max-width: 480px) 
{

}
@media (max-width: 336px) 
{

}
@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 667px)
{ 
.of-p {
  
    padding-top: 9px;
}
.cll{    padding-top: 13px;}
.imgss img{ margin:0 auto}
.cll a{ text-align:center}
.banner {
  
    margin-top: 122px;
}
}

@media only screen and (max-device-width: 640px) and (orientation: landscape) 
{
	

}

@media only screen and (max-device-width: 320px) and (orientation: portrait)
{

}