/* @font-face {
	font-family: 'Manrope-Bold';
	src: url("/ext_files/prepaid/f2g/css/fonts/Manrope-Bold.ttf") format("truetype"); 
} */
  
@font-face {
    font-family: 'Manrope-Normal';
    src: url("/ext_files/prepaid/f2g/css/fonts/manrope-v13-latin_greek-regular.eot");
    src: url("/ext_files/prepaid/f2g/css/fonts/manrope-v13-latin_greek-regular.woff2") format("woff2"), url("fonts/manrope-v13-latin_greek-regular.woff") format("woff"), url("fonts/manrope-v13-latin_greek-regular.ttf") format("truetype"); 
}

/* @font-face {
    font-family: 'Manrope-Medium';
    src: url("/ext_files/prepaid/f2g/css/fonts/Manrope-Medium.ttf") format("truetype"); 
} */

.available-title-bundles
{	
	font-size: 16px;
	color: #333;
	line-height:20px;
	margin-bottom: 25px;
}

.container-faqs .bundles-accordion{
	width:100%!important;
}

.bundles-accordion{
	cursor:pointer;
}

#hybridLoader {
    position: fixed;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    text-align: center;
    vertical-align: middle;
}

.header-bundles{
	cursor:pointer;
}

.available-title-bundles span
{
	font-weight: bold;
}

.bundles-titles,
.banner-confirm-bundle
{
	background-color: #fff;;
    padding: 15px;
    border-radius: 4px;
    margin: 10px 0;
}

.row-bundle.row
{
	margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.col-bundles
{
	padding: 0;
}

.bundles-text-title
{
	font-size: 14px;
    line-height: 18px;
    color: #333;   
    font-weight: bold; 
}

.bundles-text-description
{
	font-size: 14px;
    color: #767676;
    line-height: 18px;       
}

.bundles-amount
{	
    font-size: 14px;
    color: #008bcd;
    line-height: 18px;
}

.blue-btn-square
{
    background: #008bcd;
    color: #FFFFFF; 
    text-align: center;
    cursor: pointer;
    width: 100%;
    text-decoration: none;
    transition: .5s;   
    font-size: 12px;
    border-width: 0px;
    padding: 10px;
    font-weight: bold;
}

.all-bundles .container-blue-btn
{
	float:right;
}

.faq-bundles {
    color: #008bcd;
    text-align: center;
    text-decoration: underline;
    text-decoration: underline;
    -webkit-text-underline-position: under;
    -ms-text-underline-position: below;
    text-underline-position: under;
    padding-top: 10px;
    font-size: 14px;
    line-height: 18px;

}

.container-bundles
{
	padding: 0 15px;
}

.container-balance
{
	padding: 0 15px;
}

.balance-content .mobile-chart {
    top: 0;
    margin: 5px 0 10px;
}


.balance-text
{
	font-size: 12px;
    color: #333;
    line-height: 16px;     
    padding-left: 5px;
}

.mybalance-bundles-roaming {
    text-align: center;
    border: 2px solid #008bcd;
    padding: 5px 10px;
    margin-bottom: 20px;
    display: flex;    
    align-items: center;
    justify-content: center;
    margin-top: 5px;
}

.balance-content .mobile-chart
{   
    top: 0;
    margin: 5px 0 10px;
 }

.number-of-balance-data
{
 	float: right;
 	font-size: 12px;
}

.title-balance-roaming,
.title-buy-bundle
{
	font-size: 14px;
    line-height: 18px;
    color: #333;   
    padding-bottom: 10px;
}

.balance-buy-success,
.confirm-buy-success
{	
	font-size: 16px;
	color: #333;
	line-height: 20px;
}

.balance-success-bundle
{
	line-height: 24px;
}

.balance-success-bundle,
.confirm-buy-bundle-title
{
	font-weight: bold;
	font-size: 20px;
	color: #333;
	line-height: 24px;
}

.success-balance-tile,
.comfirm-bundle-tile
{
	margin-bottom: 10px;
}

.row-bundle-confirm
{
	margin:0;
}

.confirm-bundle-title {
    font-weight: bold;
    color: #333;
    font-size: 16px;
    line-height: 18px;
}

.confirm-data-roaming {
    font-size: 14px;
    color: #6A6A6A;
    line-height: 16px;
   
}

.confirm-bundle-expired {
    font-size: 14px;
    color: #333;
    line-height: 18px;
  
}

.bundle-descr-expired, .bundle-descr {
    padding: 10px 0px;
}

.col-all-bundles
{
	padding: 20px 5px;
}

.row-page.row {
    padding: 0;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.bundles-container-page
{
	background-color: #e7e9ed;
}

.container-page-bundles{
	min-height: 1100px;
}

.header {
  overflow: hidden;
  background-color: #fff;
 
}

.header .logo-roaming
{
	vertical-align: middle;
}

.header a {
  /*float: left;*/
  color: #60b4df;
  text-align: center;  
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  margin: 0 10px;
}


.header a.logo {
  font-size: 25px;
  font-weight: bold;
}

.header a:hover {
  background-color: #ddd;
  color: black;
}

.header a.active
{
	color: #333;
}

.header a.active:after {
    position: absolute;
    content: '';
    border-bottom: 2px solid #333333;
    width: 100%;
    bottom: -12px;
    left: 0;
}

.header-right {
  float: right; 
}

.header-right a:before {
    position: absolute;
    content: '';
    border-right: 1px solid #008bcd;
    height: 100%;
    bottom: 0;
    right: -10px;
}

.header-right a:last-child:before {
	border-right: none;
}

.banner-confirm-bundle .bundle-descr:after
{
  position: absolute;
  content: '';
  border-bottom: 1px solid #e7e9ed;
  width: 100%;
  transform: translateX(-50%);
  bottom: -5%;
  left: 50%;
}


.banner-confirm-bundle .bundle-descr
{
    position: relative;
}

.btns-confirm-bundles
{
	text-align: center;
	    padding: 0 50px;
}

.container-blue-btn,
.container-grey-btn
{
	margin: 10px auto;
    text-align: center;
    display: block;    
}

.grey-btn-square
{
    color: #767676;
    text-align: center;
    cursor: pointer;
    width: 100%;
    text-decoration: none;   
    font-size: 14px;
    padding: 10px;
    border: 1px solid #767676;
}

.accordion-title-bundles
{
	color: #008bcd;
	font-size: 14px;
	padding-right: 5px;
    line-height: 14px;
}

.accordion-title-bundles,
.accordion-bundle-icon
{
	display: inline-block;
}

.confirm-container-bundle .all-bundles-accordion
{
	margin-top: 20px;
	margin-bottom: 40px;
}

.ul-list-bundles-accordion {
    margin-top: 10px;
    padding: 0;
    padding-inline-start: 10px;
    font-size: 12px;
    color: #333;
    line-height: 18px;
}

.bundles-accordion
{
	display: inline-block;	
}

.master-tile-faq-bundles {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 25px;
    color: #333;
}

.faq-bundles-container .accordion-title-bundles {
    position: relative;
}

.faq-bundles-container .accordion-title-bundles:after {
    content:  url(file:///C:/projects/wind-oneselfcare-html/images/btn_dropdown@2x.png);
    position: absolute;
    right: 5px;
    top: 0;
}

.faq-bundles-container .collapsed .accordion-title-bundles:after {
    -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
}

.faq-bundles-container .title-collapse-bundles
{
	border-top: 2px solid #008bcd;
}

.faq-bundles-container .title-collapse-bundles:last-child
{
	border-bottom: 2px solid #008bcd;
}


.faq-bundles-container .bundles-accordion {
    color: #008bcd;
    font-size: 14px; 
    padding: 10px 0;
    line-height: 18px;
}

.col-faq-budnles
{
	padding: 0;
}

.faq-bundles-container .accordion-bundle-icon
{
	float: right;
}

.faq-bundles-container .collapse-bundle
{
	font-size:14px;
	color: #333;
	line-height: 18px;
	padding: 5px 0px 15px;
}

.mobile-chart
{
	background-color: #ebebeb;
	height: 5px;
	width: 100%;
	border-radius: 5px;
	position: relative;
	
}
.mobile-chart span
{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background-color:#008bcd;
	border-radius: 5px;
}

.btns-confirm-bundles .blue-btn-square
{
    font-size: 14px;
    font-weight: normal;
}

.noplans-bundles {
    text-align: center;
    padding-top: 10px;
}

.title-noplans
{
    max-width: 230px;
    margin: 0  auto;
    font-size: 20px;
    line-height: 24px;
    padding: 13px 0 13px;
    color: #333;
}

.header-title-free
{
    background: #008bcd;
    text-align: center;
    color: #fff;
    font-size: 11px;
    line-height: 14px;
    padding: 5px;
}

.header-logo-menu
{
    padding: 10px 25px;
}

.active-bundle-accordion .accordion-bundle-icon
{
    -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
}


 @media screen and (min-width: 1024px) {
    .row-page.row
    {
        max-width: 700px;
    }
 }

 body {
    font-family: Manrope-Normal, Arial, sans-serif !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    margin: 0
}