@charset "utf-8";
/* CSS Document */

/******* Fonts Face CSS Start **********/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700');

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI.eot');
    src: url('../fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI.woff2') format('woff2'),
        url('../fonts/SegoeUI.woff') format('woff'),
        url('../fonts/SegoeUI.ttf') format('truetype'),
        url('../fonts/SegoeUI.svg#SegoeUI') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Calibri-Bold';
    src: url('../fonts/Calibri-Bold.eot');
    src: url('../fonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Calibri-Bold.woff2') format('woff2'),
        url('../fonts/Calibri-Bold.woff') format('woff'),
        url('../fonts/Calibri-Bold.ttf') format('truetype'),
        url('../fonts/Calibri-Bold.svg#Calibri-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.eot');
    src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Calibri.woff2') format('woff2'),
        url('../fonts/Calibri.woff') format('woff'),
        url('../fonts/Calibri.ttf') format('truetype'),
        url('../fonts/Calibri.svg#Calibri') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri-Light';
    src: url('../fonts/Calibri-Light.eot');
    src: url('../fonts/Calibri-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Calibri-Light.woff2') format('woff2'),
        url('../fonts/Calibri-Light.woff') format('woff'),
        url('../fonts/Calibri-Light.ttf') format('truetype'),
        url('../fonts/Calibri-Light.svg#Calibri-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}


/********* Fonts Face CSS End **********/

/******* Common Element CSS Start ******/
*                                                  { margin: 0px; padding: 0px; outline: none !important;}
body                                               { font-family: 'Open Sans', sans-serif; font-size:14px; color: #494864;}
.clear                                             { clear:both;}
img                                                { border: 0px;}
ul,ol                                              { list-style: none;}
a                                                  { text-decoration: none; display: inline-block; outline: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; color: #494864; }
a:focus, a:active, a:HOVER                         { text-decoration: none; outline: none; color: #ffdd00;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6                              { font-family: 'Poppins', sans-serif;}
h1                                                 { margin: 0px 0px 18px; font-size: 56px; line-height: 67px; color: #fff; font-weight: 700; }
h1 span, h2 span                                   { color: #FFD000;}
h2                                                 { margin: 0px; color: #fff; font-size: 44px; line-height: 65px; font-weight: 600;}
h3                                                 { margin: 0px 0px 26px; font-size: 45px; line-height: 65px; color: #2A2E3A; font-weight: 700; }
h4                                                 { color: #494864;}
h5                                                 { font-size: 25px; line-height: 30px; color: #fff; }
h6                                                 { }
p                                                  { margin: 0 0 30px; font-size: 20px; line-height: 24px; color: #fff; font-family: 'Calibri'; }
button                                             { transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
img                                                { max-width: 100%; }
.white-color                                       {color: #ffffff; }
/******* Common Element CSS End *********/
/******* Header Section CSS Start *******/
.navbar-inverse                                     { background: transparent; border: none; }
.navbar                                             { margin: 40px 0px 0px; min-height: 100px; }
.navbar-brand                                       { padding: 15px 0px; height: 100px; } 
.navbar-nav > li                                    { margin: 30px 15px; }
.navbar-inverse .navbar-nav > li > a                { padding: 10px 30px; background: #f9971d; font-size: 19px; line-height: 20px; color:#ffffff; border-radius:50px; text-transform: uppercase; font-weight: bold;}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:active,
.navbar-inverse .navbar-nav > li > a:focus          { background: #494864; color: #fff; }
/******* Header Section CSS End *********/

/******* Banner section CSS Start *******/
.banner                                             { /*background: url('../images/banner.jpg') no-repeat;*/ background-size: cover; position: relative;}
.banner-overlay                                     { position: absolute; height: 100%; width: 100%; display: block; top: 0; left: 0; background: rgba(0, 0, 0, 0.4);}
.banner-heading                                     { height: calc(100vh - 140px); position: relative;}
.title-block                                        { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.title-block p                                      { margin: 0px; font-family: 'Calibri-Light'; font-size: 35px; line-height: 55px; }
/******* Banner section CSS End *********/

/******* Middle section CSS Start ******/
.roaming-charges                                    { padding: 80px 0px; background: #F6F4F4;}
.roaming-content p                                  { color: #000; }
.roaming-links li                                   { margin-right:20px; display: inline-block; }
.roaming-button a                                   { padding: 15px 85px; background: #FFD000; font-family: 'Calibri-Bold'; font-size: 21px; line-height: 26px; color:#2A2E3A; border-radius:50px; text-transform: capitalize; }
.roaming-button a:hover,
.roaming-button a:active, 
.roaming-button a:focus                             { background: #494864; color: #fff; }
.roaming-link a                                     { color: #989AA0; text-decoration: underline;}
.roaming-link a:hover,
.roaming-link a:active,
.roaming-link a:focus                               { color: #ffd000;}
.roaming-content q                                  { margin-top: 40px; color: #2A2E3A; font-size: 35px; display: inline-block;}
.quote span                                         { font-family: 'Calibri-Bold'; font-size: 30px; line-height: 35px; color: #191727; }
.quote span:before                                  { margin: 0px 5px; content: '\2212'; }

.quote-slider .slick-slide img { display: inline-block; max-width: 100px;} 

.theme-btn, .theme-btn.inverse:hover                { padding: 0px 15px; min-width: 144px; display: inline-block; background: #FFD000; font-size: 16px; line-height: 38px; color: #2A2E3A; border: 0px; font-family: 'Calibri-Light'; border-radius: 2em; text-transform: capitalize; text-align: center; }
.theme-btn.inverse, .theme-btn:hover,
.theme-btn:focus, .theme-btn:active                 { background: #494864; color: #fff; }
/*roaming-charges section*/
.roaming-blocks                                     { margin-bottom: 40px;}
.roaming-blocks:last-child                          { margin-bottom: 0px;}
.sim-image                                          { text-align: right;}
.sim-image a                                        { padding: 10px; background: rgba(193,187,187,10%); }
.sim-image a:hover                                  { background: #fd0; box-shadow: 0px 0px 15px 0px #FFD000; border-radius: 10px; }
.sim-desc p                                         { color: #2A2E3A; margin: 25px 0px 0px; font-size: 17px; line-height: 23px;}
.sim-desc span                                      { color: #2A2E3A; font-family: 'Poppins', sans-serif; font-size: 29px; font-weight: 700; line-height: 45px;}

/*benefits-block section*/
.benefits-block                                     { padding: 100px 0px; background: #2A2E3A; }
.benefits-section                                   { margin-top: 50px;}
.benefits-content                                   { margin-bottom: 60px; padding: 55px 10px; height: 210px; background: #3D414C; position: relative; border: 1px solid rgba(255,255,255,32%); border-radius: 6px;}
.benefits-content:hover                             { background: #FFD000; color: #000; }
.benefits-content:hover h4                          { color: #000;}
.benefits-content h4                                { color: #fff; font-size: 18px; line-height: 30px; text-align: center;}
.small-icons                                        { width: 70px; height: 70px; border-radius: 50%; background: #181B21; line-height: 70px; text-align: center; position: absolute; top: -30px; left: calc(50% - 35px); display: inline-block;}
.small-icons img                                    { width: 25px;}

/*sponsers section*/
.sponsers                                           { padding: 80px 0px; } 
.sponsers h1                                        { margin-bottom: 50px; color: #2A2E3A;}
.sponsers ul                                        { margin-bottom: 30px; }
.sponsers ul li                                     { padding: 0px 15px; width: calc(100% / 6 - 30px); display: inline-block;}
.sponsers ul:nth-last-child(2) li                   { width: calc(100% / 5 - 30px); padding: 0 15px;}
.sponsers ul:last-child                             { margin-bottom: 0px; }
.profile-detail                                     { -webkit-filter: grayscale(100%); filter: gray;}
.profile-detail:hover                               { -webkit-filter: none; filter: none;}

/*Customer Review Section*/
.customer-review-section                            { background: #2a2e3a; padding: 100px 0px; }
.customer-review-section h1                         { margin-bottom: 40px; }
.customer-review-section p                          { margin:25px 0px 0px; min-height: 100px; font-family: Calibri; font-weight: normal; font-size: 19px; line-height: 30px; }
.customer-review-section .rate                      { color: #ffd000; }
.customer-review-section .rate li                   { margin: 0 -4px; }
.customer-review-section .rate i                    { font-size: 20px; }
.customer-review-section h3                         { font-size: 30px; line-height: 40px; margin-bottom: 20px; font-weight: bold; }
.designtion                                         { font-size: 14px; line-height: 25px; }
.customer-review-section p.designtion               { margin-top: 0px; }
.review-slider                                      { width: 100%; max-width: 450px; margin: 0 auto; }
.slick-initialized .slick-slide                     { width: 100px; }
.slick-list                                         { padding: 0px !important; }
.slider-nav .slick-slide .profile-detail            { -webkit-transform: scale(0.7); transform: scale(0.7); margin: 0 auto; }
.slick-slide.slick-center .profile-detail           { -webkit-transform: scale(1); transform: scale(1); margin: 0 auto; transition: all linear 0.2s; -moz-transition: all linear 0.2s; -webkit-transition: all linear 0.2s; }
.slick-slide .profile-detail                        { height: 150px; background-repeat: no-repeat; background-size: cover; width: 150px; border-radius: 50%; border: 10px solid #ffffff; background-position: center center; } 
.slick-prev::before                                 { content: "\f053"; } 
.slick-next::before                                 { content: "\f054"; } 
.slick-prev::before,
.slick-next::before                                 { font: normal normal normal 20px/1 FontAwesome; font-size: 27px; } 
.slick-dots                                         { bottom: -50px; }
.slick-dots li                                      { margin: 0px; }

.slick-dots li.slick-active button::before          { opacity: 1;  color: #FFD000;}
.slick-dots li button::before                       { font-size: 40px; opacity: 1; color: #fff;}
.slick-dots li button:hover::before,
.slick-dots li button:focus::before                 { opacity: 1; color: #FFD000;}

/******** Middle section CSS End *******/

/***** Bottom section CSS Start *******/
.footer-inner                                      { padding: 72px 96px 72px 136px; border-top: 1px solid #4A4F60; background: #2A2E3A; }
.footer-inner .title                               { margin-bottom: 12px; padding-bottom: 16px; margin-top: 0px; position: relative; }
.footer-inner .title:after                         { content: ""; display: block; position: absolute; left: 0px; bottom: 0px; height: 2px; width: 60px; background: #6D6E71; }
.footer-inner .title,
.footer-inner ul li a                              { font-family: 'Segoe UI'; font-size: 14.3px; line-height: 24px;}
.footer-inner ul                                   { margin: 0px; }
.footer-inner ul li a                              { color: #6D6E71; }
.footer-inner ul li a:hover.                       { color: #FFD000; }
.footer-logo                                       { text-align: right; }

.support-no-box                                    { padding-top: 20px; text-align: right; }
.support-no-box p,  
.support-no-box a                                  { color: #FFD000; }
.support-no-box a:hover                            { text-decoration: underline; }

.support-no-section                                { padding: 50px 0px; background: #2A2E3A; border-bottom: 1px solid #4A4F60; text-align: center; }
.support-no-section p                              { display: inline-block; margin: 0px; padding-left: 42px; font-size: 36px; line-height: 36px; background: url("../images/call-answer.svg") no-repeat 3px 3px / 28px; margin: 0px; color: #FFD000;}
.support-no-section p a                            { margin-left: 12px; color: #FFD000; }
.social-links a                                    { margin-right: 10px; }


/****** Bottom section CSS End *******/

.footer-inner .titleh3::after                       { background: #6d6e71 none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 2px; left: 0; position: absolute; width: 60px; font-family: "Segoe UI"; font-size: 14.3px; line-height: 24px;}
.footer-inner .titleh3                              { margin-bottom: 12px; margin-top: 0; padding-bottom: 16px; position: relative; color: #ffd000; font-weight: 500;}
.footer-inner ul li a:hover                         { color: #FFD000; }
.copy-no-box                                        { color: #ffd000;  font-family: "Calibri";  font-size: 15.3px;  line-height: 24px;}
.copy-no-box                                        { padding-top: 20px; text-align: inherit;}
.copy-no-box p                                      { color: #ffd000;   font-family: "Calibri"; font-size: 15.3px;  line-height: 24px;}
.copy-no-box a:hover                                { color: #6d6e71; text-decoration: none;}


/***** Responsive CSS Start ******/
@media(min-width: 1200px){
    .benefits-section .col-sm-4 { width: calc(100% / 5);}    
}

@media (min-width: 992px) and (max-width: 1199px) {
    h1                                              { margin: 0px 0px 18px; font-size: 46px; line-height: 57px; }
    h2                                              { margin: 0px 0px 24px; font-size: 36px; line-height: 48px; }
    h3                                              { font-size: 39px; }
    p                                               { margin: 0px 0 25px; font-size: 18px; line-height: 22px;}
    .roaming-links li                               { margin-right:10px; }
    .roaming-button a                               { padding: 10px 55px; font-size: 19px; }
    .roaming-content q                              { font-size: 28px; }
    .quote span                                     { font-size: 28px; }
     .theme-btn, .theme-btn.inverse:hover            { min-width: auto; }
    .benefits-content h4                            { font-size: 16px; line-height: 28px; } 
    .customer-review-section p                      { font-size: 17px; line-height: 26px;}
    .slick-prev                                     { left: -25px;}
    .slick-next                                     { right: -25px;}
    .footer-inner                                   { padding: 72px 0px; }
    .footer-inner .title, 
    .footer-inner ul li a                           { font-size: 13px; }
    .dont-miss-it-section iframe                    { padding: 0 20px; }  
  
}

@media (min-width: 768px) and (max-width: 991px) {
    h1                                              { margin: 0px 0px 14px; font-size: 34px; line-height: 42px;}
    h2                                              { margin: 0px 0px 15px; font-size: 32px; line-height: 40px; }
    h3                                              { font-size: 30px; line-height: 45px; }
    p                                               { margin: 0px 0 22px; font-size: 17px; line-height: 22px;}
    .banner-heading                                 { height: 500px;}
    .title-block p                                  { font-size: 30px; line-height: 45px; }
    .roaming-blocks                                 { margin-bottom: 35px;}
    .sim-image                                      { text-align: left; }
    .sim-desc p                                     { margin:0px; }
    .sim-desc span                                  { font-size: 24px; line-height: 32px;}
    .roaming-charges                                { padding: 50px 0px;}
    .roaming-button a                               { margin-bottom: 20px; padding: 10px 55px; }
    .roaming-content q                              { margin-top: 20px; font-size: 21px; }
    .quote-slider .slick-slide img                  { max-width: 80px; }
    .theme-btn, .theme-btn.inverse:hover            { min-width: auto; }
    .benefits-block                                 { padding: 50px 0px 0px;}
    .benefits-content                               { margin-bottom: 50px; }
    .benefits-content h4                            { font-size: 16px; line-height: 28px; } 
    .sponsers                                       { padding: 25px 0px;}
    .sponser ul, .our-sponser h1                    { margin-bottom: 15px; }
    .sponsers ul li                                 { padding: 0px 15px; }
    .reviews                                        { padding: 50px 0px;}
    .customer-review-section p                      { font-size: 16px; line-height: 26px;}
    .designation                                    { margin: 0px; }
    .slick-prev::before,
    .slick-next::before                             { font-size: 25px; font-weight: 800;}
    .slick-prev, .slick-next                        { width: 25px; height: 25px;}
    .footer-inner                                   { padding: 60px; }
    .footer-inner ul                                { margin: 0px; min-height: 160px; }
    .support-no-box,
    .footer-logo                                    { text-align: center; }
    .dont-miss-it-section iframe                    { margin-top: 9px; padding: 0; }

}

@media (max-width: 767px) {
    h1                                              { margin: 0px 0px 14px; font-size: 24px; line-height: 32px;}
    h2                                              { margin: 0px 0px 15px; font-size: 24px; line-height: 38px; text-align: center; }
    h3                                              { font-size: 25px; line-height: 35px; }
    h5                                              { font-size: 22px; line-height: 28px;}
    p                                               { margin: 0px 0 16px; font-size: 16px; line-height: 20px;}
    .banner-heading                                 { margin-bottom: 10px; height: 250px;}
    .navbar-header                                  { text-align: center; }
    .navbar-brand                                   { float: none;}
    .navbar { margin-top: 10px; }
    .nav > li                                       { text-align: center; }
    .navbar-inverse .navbar-nav > li > a            { text-align: center; display: inline-block; }
    .navbar-nav > li                                { margin: 0;}
    .title-block                                    { text-align: center;}
    .title-block p                                  { font-size: 15px; line-height: 25px; } 
    .roaming-charges                                { padding: 50px 0px;}
    .roaming-content                                { margin-bottom: 50px;}
    .roaming-links { text-align: center; }
    .roaming-links li                               { margin: 0px; }
    .roaming-button a                               { margin-bottom:20px; padding: 10px 55px; font-size: 20px;}
    .roaming-content q                              { font-size: 17px; }
    .quote                                          { text-align: center; }
     .quote-slider .slick-slide img                  { max-width: 70px; }
    .roaming-blocks                                 { margin-bottom: 20px;}
    .sim-image                                      { text-align: center; }
    .sim-desc                                       { margin-bottom: 20px; text-align: center; }
    .sim-desc p                                     { margin: 0px; }
     .theme-btn, .theme-btn.inverse:hover            { min-width: auto; }
    .benefits-block                                 { padding: 50px 0px 0px;}
    .benefits-content                               { margin-bottom: 50px; }
    .reviews                                        { padding: 50px 0px;}
    .customer-review-section p                      { font-size: 14px; line-height: 18px; }
    .designation                                    { margin-bottom: 10px; }
    .slick-prev                                     { left: -10px;}
    .slick-next                                     { right: -10px;}
    .slick-prev::before,
    .slick-next::before                             { font-size: 25px; font-weight: 800;}
    .slick-prev, .slick-next                        { width: 25px; height: 25px;}
    .sponsers                                       { padding: 25px 0px;}
    .sponsers h1                                    { margin-bottom: 15px;}
    .sponsers ul                                    { margin-bottom: 0px;}
    .sponsers ul li, .sponsers ul:nth-last-child(2) li {margin-bottom: 15px; padding: 0px; width: auto; display: block; }
    .footer-inner                                   { padding: 30px 0px; text-align: center; }
    .footer-inner .title::after                     { left: calc(50% - 30px);}
    .footer-inner ul                                { margin-bottom: 20px; }
    .support-no-box,
    .footer-logo                                    { text-align: center; }
    .dont-miss-it-section .points                   { width: 100%; display: block; }
    .dont-miss-it-section iframe                    { padding: 0; }
    .support-no-section                             { padding: 24px 0px;}
    .support-no-section p                           { padding-left: 30px; font-size: 24px; line-height: 24px; background-position: 3px 1px; background-size: 20px; }

}