@charset "UTF-8";

/*  YOLO GENERAL CSS
-------------------------------------------------- */
body{font-family: 'Lato',Helvetica,Arial,Verdana,sans-serif;}
a {color: #035d67;text-decoration: none;}
a:focus, a:hover {color: #00afab!important;text-decoration: none;}
p,ol,ul {font-size: 14px;}
h1{font-size: 32px;}
h2{font-size: 24px;}
h3{font-size: 18px;}
h4{font-size: 15px}
ul{text-decoration: none;}

/* ALL CLASS
-------------------------------------------------- */
.nopad{margin: 0;padding: 0;}
.cb{clear: both;}
.back a {color: #000;}

/* grille */
.container_fido {width: 1160px;}
.container_fido {padding-right: 15px;padding-left: 15px; margin: 0 auto; }
.container_fido::before {clear: both;}
.row{padding-right: 0;padding-left: 0;}

.col-md-3{ float: left;}
.col-md-3 {width: 25%;}

/*  ICONS /* SPRITES
-------------------------------------------------- */
.arrowY, .arrowY-right{background-image: url("/cms/v45/images/headerFooter/headerFooter.png");
display: inline-block;vertical-align: -3px;}
.arrowY{background-position: -32px -180px;height: 18px;width: 13px;margin-left: 5px;}
.arrowY-right{background-position: -32px -180px;height: 18px;width: 13px;margin-right: 5px;}

/*  BOUTONS
-------------------------------------------------- */
button, button:active, button:focus{outline: none!important;border: none!important;}
.new_btn{font-family: 'Lato',Helvetica,Arial,Verdana,sans-serif;
padding: 8px 20px!important;border-radius:0;
text-transform: uppercase;font-size:14px;font-weight: bold;
display: inline-block!important;margin-bottom: 0;line-height: 1.42857143;
text-align: center;white-space: nowrap;vertical-align: middle;
background-image: none;border: 1px solid transparent;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}

.btn-primary {color: #000!important;background-color: #ffe600!important;border-color: #ffdc00;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{color: #000!important;background-color: #ffdc00!important;border-color: transparent!important;}
.btn-default {color: #000;background-color: #fff;border-color: rgba(91,103,112,0.3);}
.btn-default:hover,.btn-default:focus,.btn-default:active{color: #000!important; background-color: rgba(91,103,112,0.1)!important;border-color: rgba(91,103,112,0.3)!important;}
.btn-link {font-weight: normal;color: #035d67;border-radius: 0;}
.btn-dark {color: #ffe600;background-color: #5b6770;border-color: #ffe600;}
.btn-dark :hover,.btn-dark :focus,.btn-dark:active{color: #ffe600!important;background-color: #000!important;border-color: transparent!important;}

.btnPad{margin-top: 20px;}

/* LOGIN
-------------------------------------------------- */
.rewardsMessage {color: #fff!important;line-height: 20px;float: none;}
.rewardsAmount {color: #fff!important;}
#loginMsg{display:inline-block;padding: 2px;}
#headerLoginBox {height: 25px;}
.loginText {height: 25px;}
#headerLoginBox #loginMsg {height: 15px;padding: 0!important;}
div#loginMsg a, div#loginMsg a:hover{ line-height: 25px;}


/* FIDO REFUNDS AVAIBLE
-------------------------------------------------- */
.hide_refunds{display:none;}
#refundsAvailable {background-color: rgba(91,103,112,0.2);padding: 10px 0;/*margin: 0 0 20px 0;*/
font-weight: bold;font-family: 'Lato',Helvetica,Arial,Verdana,sans-serif;border-top: 1px #b19800 solid;}
#refundsAvailable a{padding-left: 25px; color:#000;}
#refundsAvailable p {font-size: 15px;}

/* NAVIGATION
-------------------------------------------------- */
#headerNav a {color:#000;}
#headerNav {margin-right: 25px;}
#headerShoppingCart span.item{color:#5b6870!important;font-size: 12px;}
#headerShoppingCart span.item:hover{color:#00afab!important;}
#promo {display: inline-block;font-weight: bold;font-size: 14px;text-transform: uppercase;}
#veetwo .bea-portal-body-content {margin: 0 auto;width: 100%;}
.bea-portal-ie-table-buffer-div {margin: 0 auto;width: 960px;}
#bgNav {position:absolute;top: 92px;background:#ffe600;height: 47px;width: 100%;left: 0;z-index: -1;-webkit-box-shadow:  0px 2px 2px #b19800;
  box-shadow: 0px 2px 2px #b19800;}
.bea-portal-book-primary-menu-single-item, .bea-portal-book-primary-menu-single-item-middle, .bea-portal-book-primary-menu-single-item-right {
cursor: pointer;font-size: 17px;text-transform: uppercase; color:#000!important;line-height: 28px;}
.bea-portal-book-primary-menu-single-item:hover, .bea-portal-book-primary-menu-single-item-middle:hover,
.bea-portal-book-primary-menu-single-item-right:hover{background-color: #5b6870!important; color:#ffe600!important;
  -webkit-transition: all .25s ease 0s;
  -moz-transition: all .25s ease 0s;
  -o-transition: all .25s ease 0s;
  transition: all .25s ease 0s;}
.bea-portal-book-primary-menu-single {width: 960px;font-family: 'Lato',Helvetica,Arial,Verdana,sans-serif;}
.bea-portal-book-primary-menu-single, .bea-portal-book-primary-menu-single a, .bea-portal-book-primary-menu-single span {font-weight:bold;}
.bea-portal-book-primary {margin: 0 auto;width:100%;}
.bea-portal-book-primary-menu-single-item-active-middle, .bea-portal-book-primary-menu-single-item-middle {
margin-left: 0!important;margin-right:0!important;}
.bea-portal-book-primary-menu-single-item-active, .bea-portal-book-primary-menu-single-item-active-middle, .bea-portal-book-primary-menu-single-item-active-right {
color:  #ffe600!important;background-color: #5b6770!important;float: left;font-size: 17px;text-transform: uppercase;}


/* second NAVIGATION 
-------------------------------------------------- */
.bea-portal-book-menu-single div.subMenuClass a span {font-weight: normal; font-size: 15px;color: #000;
background-color: transparent; padding: 12px 11px!important;}
.bea-portal-book-menu-single div.subMenuClass a span:hover {padding: 12px 20px;background-color:rgba(91,103,112,0.2)}
.bea-portal-book-menu-single div.subMenuClass ul li.active span {font-size: 15px;font-weight: bold;background-color: rgba(91,103,112,0.1);padding: 12px 15px!important;}
.bea-portal-book-menu-single div.subMenuClass ul li a{background-color: transparent;}
.bea-portal-book-menu-single div.subMenuClass{height:42px;font-family: 'Lato',Helvetica,Arial,Verdana,sans-serif;background-color: rgba(91,103,112,0.1);}
.bea-portal-book-primary-menu-single-item, .bea-portal-book-primary-menu-single-item-active, .bea-portal-book-primary-menu-single-item-active-middle,
.bea-portal-book-primary-menu-single-item-active-right, .bea-portal-book-primary-menu-single-item-middle, .bea-portal-book-primary-menu-single-item-right{width:303px;}	
.bea-portal-book-primary-menu-single-item-right{float: left;}
.provinceContent_grey{font-family: 'Lato',Helvetica,Arial,Verdana,sans-serif;}



/* FOOTER
-------------------------------------------------- */
#footerdesktopview, #footermobileview{padding: 24px 0;font-size: 15px;  margin-top: 12px; position: relative;}
.footer_color{background-color:rgba(91,103,112,0.2);  box-shadow: 0 0 3px rgba(91,103,112,0.8);min-width: 1300px;}
.footer_liste_links {list-style-type:none;padding:0;}
.footer_liste_links li {padding: 3px;font-size:13px;}
#social{ top: 25px; position: absolute; width: auto !important; right: 0;}
.social_title{text-align: center;font-size:13px;color:#035d67;text-transform: uppercase;font-weight: bold; display: table-cell; vertical-align: middle; padding-right: 5px;}
.footer-social{padding: 5px 0 0 0;text-align: center; display: table-cell; }
.footer-social li{display: inline-block;}
.footer-social a{display: inline-block;vertical-align: middle;text-indent: -119988px;}
.contact-us { margin-bottom: 10px; }
.contact-us .contact-us-links{ display: inline-block; }
.contact-us .contact-us-links a i{ font-size: 1.3rem;}




/* footer icons */
.twitter,.facebook ,.youtube,.google,.share,.instagram,
.twitter:hover,.facebook:hover,.youtube:hover,.google:hover,.share:hover,.instagram:hover{
background: url('/cms/html/yolo/img/social_footer.png') no-repeat;overflow: hidden; text-indent: -9999px; text-align: left;} 

.twitter:hover,.facebook:hover,.youtube:hover,.google:hover,.share:hover,.instagram:hover{
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
transition: all ease 0.3s;}

.facebook{background-position: -5px -512px; width: 30px; height: 27px;}
.facebook:hover{background-position: -5px -480px; width: 30px; height: 27px;}
.twitter{background-position: -5px -768px; width: 30px; height: 27px;}
.twitter:hover{background-position: -5px -736px; width: 30px; height: 27px;}
.google{background-position: -5px -576px; width: 30px; height: 27px;}
.google:hover{background-position: -5px -544px; width: 30px; height: 27px;}
.youtube{background-position: -5px -832px; width: 30px; height: 27px}
.youtube:hover{background-position: -5px -800px; width: 30px; height: 27px;}
.instagram{background-position: -5px -640px;width: 30px;height: 27px;}
.instagram:hover{background-position: -5px -608px; width: 30px; height: 27px;}
.share{background-position: -5px -704px; width: 30px; height: 27px;}
.share:hover{background-position: -5px -672px; width: 30px; height: 27px;}

#copyright{color:#fff; background-color:#5b6770; padding:10px 0; box-shadow: 0 0 2px #5b6870;min-width: 1300px;} 
#copyright p{font-size:14px;margin: 0;} 



/* buy flow
-------------------------------------------------- */
.bg_enhancedOptions {background-color: #fff;}
.buyFlowAddOns,.buyFlowAddOnsYourSelectionBottom,.cartDevHeaderRounded_box  {border-radius:0;}
.buyFlowAddOnsYourSelection {font-family: 'Lato',Helvetica,Arial,Verdana,sans-serif;}
#enhanceOptionsSection {display: none;}

/* NRS
-------------------------------------------------- */
#nrsSection{font-family: 'Lato',Helvetica,Arial,Verdana,sans-serif;background-color:#b19800;margin:10px 0 10px 0;padding: 10px 0;}
#nrsSection h2{font-family: 'Lato',Helvetica,Arial,Verdana,sans-serif;background-color:#b19800;color:#fff;font-size: 26px!important;margin: 0; padding-bottom: 5px;}
#nrsSection p{font-size: 18px;color:#fff;margin: 0;}
.content_nrs{float:left;}
.content_nrs {width: 600px;padding: 15px 0 0 80px;}
.btn_Padnrs {padding: 5px;}

/* NRS MY ACCOUNT
-------------------------------------------------- */
#nrsSection_MyAccount {background-color: #b19800;width: 607px;position: relative;
left: -15px;padding: 15px; color: #fff; text-align: center;margin-top: 16px;}
.content_nrs_MyAccount h2 {font-size: 25px;}
.content_nrs_MyAccount p {font-size: 16px;padding: 5px 0;margin: 0 0;}
.content_btns_MyAccount {margin-left: 75px;}

/* Fix firefox 
-------------------------------------------------- */
.bea-portal-layout-flow,.bea-portal-layout-grid{float:left;}
.bea-portal-layout-flow::before,.bea-portal-layout-grid:before{clear: both;}



/* TABS
-------------------------------------------------- */
#frslanding,#sticklanding,.deviceslanding{border-top: solid 2px rgba(91,103,112,0.1)!important;border-bottom: 0!important;border-left: 0!important;
border-right: 0!important;width: 100%!important;border-radius: 0!important;}
#sticklanding{margin: 0 0 0 0!important;}

/* PREPAID
-------------------------------------------------- */
#generic_template_garden h1 {margin: 0 0 25px 0!important;}
.plansWhiteBox,div#_overview_tab{margin: 0 0 0 0!important;}
#prepaid-prices {font-family: 'Lato',Helvetica,Arial,Verdana,sans-serif!important;}
#generic_template_garden .plansWhiteBox{/* margin: 7px 0 0 0!important; */}


/*BUG
-------------------------------------------------- */
.bea-portal-book-content  {margin-top: 20px;}
#ch_content_new {padding-top: 30px;}
/*#veetwo.bea-portal-body-content {display: block !important;}*/
/* Buy flow */
.phoneDiv {width: 950px!important;}
#outerDiv {background-color: #FFFFFF;border: none!important;width: 950px!important;}
.phoneRow {margin-left: 5px!important;}
#essentialDetailsPostpaid span {font-size: 13px;}

#footerdesktopview a, #footerdesktopview a:hover {color: #055d67 !important;text-decoration: none;}

#footerdesktopview .twitter, 
#footerdesktopview .facebook, 
#footerdesktopview .youtube, 
#footerdesktopview .google, 
#footerdesktopview .share, 
#footerdesktopview .instagram,
#footerdesktopview .twitter:hover, 
#footerdesktopview .facebook:hover, 
#footerdesktopview .youtube:hover, 
#footerdesktopview .google:hover, 
#footerdesktopview .share:hover, 
#footerdesktopview .instagram:hover{
	background:none;
    color: #5c6770 !important;
    font-size: 24px;
    height: 37px;
    text-indent: 0;
    width: 25px;
}

/* Fixed */
.whiteboxphone .topshadow {background: none!important;}
.whiteboxphone .bottomshadow {background: none!important;}
/*#fidoNumberLinks li:nth-child(2){display:none !important;}*/
.prePaidRowBGColor.prePaidByTheMonthHeight_fr{height: 72px;}
.accByTypeImage:hover, .accByTypeImage:hover a {color: #00afab !important;cursor: pointer;}
div.addressandPaymentDropdown ul {width:194px;}