body{ font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
}
h1 {
font-family: 'Saira';
font-style: normal;
font-weight: 600;
font-size: 90px;
line-height: 1.8;padding:0;
}
h2 {
font-family: 'Saira';
font-style: normal;
font-weight: 600;
font-size: 80px;
line-height: 1.8;padding:0;
}
h3 {
font-family: 'Saira';
font-style: normal;
font-weight: 600;
font-size: 70px;padding:0;
}
p {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-size: 26px;
}
.submenucontainer {
position: fixed;
background-color: #FFF !important;
border: none;
top: 109px;
width: 100%;
z-index:990;
}
main { margin-top: 189px; }
@media (max-width: 990px) {
/* Mobile */
main { margin-top: 56px; }
.submenucontainer { display: none; }
}
nav.navbar-fixed-top{
height:110px; padding:0; background-color:#1db954;
}
.navbar-brand{ padding:0;}
#navbar{ background-color:#1db954; }
#navbar .dropdown-item{
font-family: 'Saira', sans-serif;
font-weight: 600;
font-size: 24px !important;
text-transform: uppercase;
color: white !important;
padding: none !important;
margin-top:35px;
}
#navbar select.dropdown-item {
font-family: 'Saira', sans-serif;
font-weight: 600;
font-size: 28px !important;
text-transform: uppercase;
color: black !important;
background:transparent;
padding: none !important;
margin-top:40px;
}
#navbarbottom .dropdown-item:hover, #navbarbottom .dropdown-item{
color:black;
background-color:white; text-transform:none;
}
#navbarbottom{
padding: 0;
}
#contentclear{ margin-bottom:50px !important; }
#navbarbottom .dropdown-item{
font-family: 'Saira';
font-weight: normal;
font-size: 24px; line-height:50px;
padding: none !important;
}
#navbarbottom li:hover .dropdown-menu{ display:block;}
#navbar li:hover .dropdown-menu{ display:block;}
#navbarbottom .dropdown-item:hover{
background-color:transparent;
}
#footer{ background-color:#1db954; padding-top:110px;}
#footer h5{ font-family:Saira; font-weight:500; color:#FFFFFF; font-size:26px; }
#footer p{ font-family: 'Roboto';
font-style: normal;
font-weight: 300; font-weight:100; color:#FFFFFF; font-size:20px; line-height:32px; }
#footer ul{ margin-left:0; padding-left:0;}
#footer li{ list-style:none; line-height:32px;}
#footer li a, #footer a{ font-family: 'Roboto';
font-style: normal;
font-weight: 300; font-weight:100; color:#FFFFFF; font-size:16px; line-height:normal; }
#footer .lowerfooter a, #footer .lowerfooter p{
color:#FFFFFF; font-size:14px;
}
.copyright p{ padding-left:0; font-size:16px !important;}
.full-width-pusher{
padding-top: 55px;
padding-bottom: 55px;
}
@media (max-width: 990px) {
.full-width-pusher {
padding-top:15px;
}
}
.full-width-pusher .specialh1 h1,
.full-width-pusher .specialh1 h2,
.full-width-pusher .specialh1 h3,
.full-width-pusher .specialh1 p {
color:white;
line-height:1.7;
display:inline-block;
font-family: 'Saira';
font-style: normal;
font-weight: 600;
font-size: 80px; margin-bottom:0;
}
.full-width-pusher .specialh1 h1 span, .full-width-pusher .specialh1 h2 span, .full-width-pusher .specialh1 h3 span, .full-width-pusher .specialh1 p span{
font-family: 'Saira';
font-style: normal;
font-weight: 600;
font-size: 80px; margin-bottom:0;
}
.full-width-pusher p, .full-width-pusher ul{ font-family: 'Roboto';
font-style: normal;
font-weight: 300; font-size:26px; padding-top:30px; padding-bottom:30px; }
.full-width-pusher span{margin:0;}
.full-width-pusher .fibiobutton{font-size: 22px;
line-height: 62px; font-weight:500; font-family:Saira;
height: 62px;
padding-left: 44px;padding-top:0; padding-bottom:2px;padding-right:0 !important;
display:inline-block;color:white;
border-radius: 50px 50px 50px 50px !important;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2) !important;
}
.full-width-pusher .fibiobutton:hover{color:white; text-decoration:none;}
.full-width-pusher .fibiobutton:after{
content:url(/popuporderv2/publicassets/images/arrow-small.png); width:10px !important;float:right;padding-right:60px; padding-left:27px;padding-top:2px; padding-bottom:2px;
}
.full-width-pusher .img-responsive{ margin-left:auto; margin-right:auto; margin-top:30px; }
.full-width-textscreen{ padding-top:45px; text-align:center;}
.full-width-textscreen .specialh1{ font-family:Saira; font-weight:500; font-size:85px;box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1) !important; display:inline-block; color:white; padding:5px; }
.full-width-textscreen p{ font-family: 'Roboto';
font-style: normal;
font-weight: 300;font-size:26px; text-align:center; }
.full-width-quotescreen{ padding-top:45px; text-align:center;}
.full-width-quotescreen .specialh1{ font-family:Saira; font-weight:500; font-size:56px; color:black; }
.full-width-quotescreen p{ font-family:Roboto; font-weight:100; font-size:22px; text-align:center; }
.full-width-pusher .img-responsive{ margin-left:auto; margin-right:auto;}
.full-width-textscreen-twocolumn{ padding-top:45px; padding-bottom:45px; text-align:center;}
.full-width-textscreen-twocolumn .specialh1{ font-family: 'Roboto';
font-style: normal;
font-weight: 300; font-size: 22px;}
.full-width-textscreen-twocolumn p{ font-family:Roboto; font-weight:100; font-size:18px; text-align:left; }
.full-width-textscreen-twocolumn p strong, .full-width-textscreen-twocolumn p b{ font-size:23px; }
.full-width-textscreen-twocolumn .img-responsive{ margin-left:auto; margin-right:auto;}
.full-width-textscreen-twocolumn .fibiobutton:after{
content:'>>'; width:10px !important;float:right;padding-right:60px; padding-left:25px;padding-top:2px; padding-bottom:2px;
}
.full-width-textscreen-twocolumn .fibiobutton{font-size: 24px;
line-height: 62px;
height: 62px; font-weight:500;
padding-left: 25px;padding-top:0; padding-bottom:2px;padding-right:25px !important;
display:inline-block;color:white;
border-radius: 50px 50px 50px 50px !important;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2) !important; cursor:pointer;
}
.full-width-textscreen-twocolumn .fibiobutton:hover{color:white; text-decoration:none;}
.full-width-textscreen-twocolumn-image{ padding-top:45px; padding-bottom:45px; text-align:center;}
.full-width-textscreen-twocolumn-image .specialh1{ font-family:Saira; font-weight:500; font-size:56px; padding:5px; }
.full-width-textscreen-twocolumn-image p{ font-family:Roboto; font-weight:100; font-size:18px; text-align:left; }
.full-width-textscreen-twocolumn-image p strong, .full-width-textscreen-twocolumn p b{ font-size:23px; }
.full-width-textscreen-twocolumn-image .img-responsive{ margin-left:auto; margin-right:auto;}
.half-half-pusher .specialh1 span{ /*font-family:Saira; font-weight:500; font-size:58px; line-height:1.7; padding:5px;*/ line-height:1.1; padding-top:25px; display:inline-block;font-family: 'Saira';
font-style: normal;
font-weight: 600;
font-size: 58px; }
.half-half-pusher p{ font-family: 'Roboto';
font-style: normal;
font-weight: 300;font-size: 22px; }
.half-half-pusher .p{
min-height:115px;
}
.half-half-pusher .right, .half-half-pusher .left{ height:100%; padding-bottom:25px; height:auto;}
.half-half-pusher .fibiobutton{font-size: 22px;
line-height: 62px;
height: 62px; font-weight:500;
padding-left: 44px;padding-top:0;padding-bottom:3px;padding-right:0 !important;margin-top:30px;
display:inline-block;color:white;
border-radius: 50px 50px 50px 50px !important;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2) !important;
min-width:250px;
}
.half-half-pusher .container-fluid .row .left, .half-half-pusher .container-fluid .row .right{ padding-top:30px; padding-bottom:30px;}
.half-half-pusher .fibiobutton:hover{color:white; text-decoration:none;}
.half-half-pusher .fibiobutton:after{
content:url(/popuporderv2/publicassets/images/arrow-small.png); width:10px !important;float:right;padding-right:60px; padding-left:25px;padding-top:2px; padding-bottom:2px;
}
.full-text-block-left{ padding-top:45px;}
.full-text-block-left .specialh1{ font-family:Saira; font-weight:500; font-size:85px;box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1) !important; display:inline-block; color:black; padding:5px; }
.full-text-block-left p{ font-family: 'Roboto';
font-style: normal;
font-weight: 300;font-size:26px; }
.full-width-pusher .img-responsive{ margin-left:auto; margin-right:auto;}
/* Viaplay fixes */
.viaplaycards{ padding-top:40px;}
.full-text-block-viaplay{ padding-top:150px; padding-bottom:150px;}
.full-text-block-viaplay .specialh1{display:inline-block; }
.full-text-block-viaplay .specialh1 h2{display:inline-block !important; }
.full-text-block-viaplay .viaplaystyle{ width:80%;}
.full-text-block-viaplay .viaplaystyle p{ font-family: Roboto; font-weight:100; font-size:26px; }
.full-text-block-viaplay .viaplaystyle li{ font-family: Roboto; font-weight:100; font-size:26px;background:url('/popuporderv2/publicassets/viaplay/blue-point.png') no-repeat left top; list-style: none; padding-left:45px; padding-top:8px; }
.full-text-block-viaplay .viaplaystyle li b{font-family: Roboto; font-weight:400; font-size:26px; }
.full-text-block-viaplay .viaplaystyle ul{ margin:0;padding:0;}
.full-text-block-viaplay .listshout{ color:white; height:200px; margin-top:10px;}
.full-text-block-viaplay .listshout li{ list-style-image:url(/popuporderv2/publicassets/pricelistitems/li-arrow-little.png); text-align:left; font-size:17px; margin-left:30px; font-weight:200; text-transform:uppercase; }
.full-text-block-viaplay .bottomtext{ color:white; margin-top:5px;}
.full-text-block-viaplay .pricecaption{ font-size:30px; font-family:Roboto; font-weight:800; background-color:white; display:inline;margin-left:auto; margin-right:auto; padding:8px 8px 8px 8px !important; margin-bottom:10px; }
.full-text-block-viaplay .pricecaptionholder{margin-bottom:10px;}
.full-text-block-viaplay .pricelowtext{ font-family:Roboto; font-weight:100; font-size:16px; color:white; }
.full-text-block-viaplay .background0 .pricecaption{ color: #06b5e0; }
.full-text-block-viaplay .background1 .pricecaption{ color: #21BC8C; }
.full-text-block-viaplay .background2 .pricecaption{ color: #ffa497; }
.full-text-block-viaplay .viaplay .listing{ border-radius:20px !important;}
.full-text-block-viaplay .viaplay .header{ font-size:60px; font-family:Saira; font-weight:400; line-height:70px; height:70px; text-transform:none; margin-bottom:20px; padding-top:15px; }
.full-text-block-viaplay .viaplay .pricecaption{ border-radius:10px; }
.full-text-block-viaplay .viaplay .listshout{ font-size:22px; font-family:Roboto; font-weight:100; text-transform:none; margin-top:20px; }
.full-text-block-viaplay .viaplay .listshout b{ font-size:22px; font-family:Roboto; font-weight:400; }
.full-text-block-viaplay .viaplay .listshout li{ text-transform:none !important;margin-top:10px;}
/* Viaplay fixes */
.full-text-block-right{ padding-top:45px;}
.full-text-block-right .specialh1{ font-family:Saira; font-weight:500; font-size:85px;box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1) !important; display:inline-block; color:black; padding:5px; }
.full-text-block-right p{ font-family: 'Roboto';
font-style: normal;
font-weight: 300; font-size:26px; }
.full-text-block-right .img-responsive{ margin-left:auto; margin-right:auto;}
.seo-width-pusher .openbuttontext:after{ content:'»'; padding-left:10px;}
.seo-width-pusher .openbuttontext{ padding-left:44px; padding-right:44px; margin-top:15px;}
.seo-width-pusher{ padding-top:35px; padding-bottom:45px;}
.seo-width-pusher .centertext{ text-align:center;}
.seo-width-pusher .specialh1 h2{ font-family:Saira; font-family: 'Saira';
font-style: normal; line-height:1.2;
font-weight: 600; padding:5px; font-size:72px; }
.seo-width-pusher h3{ font-size:40px;}
.seo-width-pusher .p, .seo-width-pusher p{ font-family: 'Roboto';
font-style: normal;
font-weight: 300; font-size:22px !important; }
.seo-width-pusher .large{display:none; text-align:left !important; font-size:22px !important; }
.seo-width-pusher .fibiobutton{font-size: 22px;
line-height: 62px;
height: 62px;
padding-left: 25px;padding-top:0; padding-bottom:2px;padding-right:25px !important;
display:inline-block;color:white;
border-radius: 50px 50px 50px 50px !important;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2) !important; font-family:Roboto;cursor:pointer;
}
.seo-width-pusher .fibiobutton:hover{color:white; text-decoration:none;}
.seo-width-pusher .large h2, .seo-width-pusher .large h3{ line-height:1.3 !important; }
.seo-width-pusher .large h2{ font-size:72px;}
.seo-width-pusher .img-responsive{ margin-left:auto; margin-right:auto;}
.full-width-trustpilot { background-color:white !important; padding-top:40px; padding-bottom:40px;}
.full-width-trustpilot .trustpilotpartview {
width:528px !important;
height:300px !important;
background-color:#f0f7ff;
padding:35px 35px 35px 35px !important;
margin-left:10px !important;
margin-right:10px !important;
}
.full-width-trustpilot .trustpilotboxes{ height:300px !important;}
.full-width-trustpilot .trustpilotboxes p{ font-size:16px; }
.full-width-trustpilot .trustpilotpartview h5{ font-family:Saira; font-weight:500; font-size:26px; }
.full-width-trustpilot .trustpilotpartview img.stars{ padding-top:0 !important; height:30px; padding-left:4px; display:inline-block;}
.full-width-trustpilot .trustpilotpartview .date{ text-align:right;}
.full-width-trustpilot .trustpilotleft {
font-size: 17px;
display: flex;
}
.full-width-trustpilot .trustpilotleft img.mainimg{ width:258px; }
.full-width-trustpilot .trustpilotleft img.logo {
display:block;
width: 210px;
margin-bottom: 20px;
}
.full-width-trustpilot .trustpilotleft img.stars{
display:block;
height: 40px;
margin-bottom: 20px;
}
.full-width-trustpilot .trustpilotleft a {
color: black;
display: inline-flex;
flex-direction: column;
align-items: center;
margin-bottom: 20px;
margin-right: auto;
}
@media (max-width: 990px) {
.full-width-trustpilot .trustpilotleft a { margin-left: auto; }
}
.slick-slider{ background-color:white; }
.centertext{ text-align:center;}
.fibiobutton{ font-family:Saira; margin-bottom:20px; }
.submenu_1 li, .submenu_1, .submenu_1 a{ background-color:#1db954; color:white; margin-top:0 !important; color:white; }
.submenu_1 li:hover, .submenu_1:hover, .submenu_1 a:hover{background-color:#1db954 !important; color:white;}
#faqformstyle { text-align:center; width:100%;}
#faqformstyle input{ background-color:white; border-radius:25px; border:0; font-size:14px; padding:10px 20px 10px 20px; width:100%;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2) !important; font-family:Saira; font-weight:600; border-radius: 30px;
border: 0;
height: 50px; padding-left:20px; padding-right:50px;
width: 350px; outline:none;
background-image:url(/popuporderv2/publicassets/fibio/images/formsubmit.png); background-position:right; background-repeat:no-repeat;
}
/* Customer Service Page Special Styles */
.customer-service-page .thumbnail{ border-radius: 30px; text-align:center; height:170px; padding-top:30px; font-size:38px; font-family: 'Saira';
font-style: normal;
font-weight: 600; }
.customer-service-page .thumbnail a{color:black; font-size:22px; line-heigth:1; display:block;}
.customer-service-page .thumbnail a:hover{text-decoration:none;}
.customer-service-page .thumbnail img{ width:55px; height:55px;margin-bottom: 10px; }
.customer-service-page .selectedarea{ background-image:url("/popuporderv2/publicassets/pricelistitems/xy0.jpg");background-position:cover; }
.customer-service-page .selectedarea a{color:white !important;}
.customer-service-page .secondarea{ background-color:#d9ffe7; min-height:400px; padding-bottom:90px;}
.customer-service-page h3{ font-size:30px;}
.customer-service-page .searcharea{ min-height:250px;}
.customer-service-page .searcharea #faqformstyle{ margin-top:110px;}
.customer-service-page .faqlistingitem{ width:100%; background-color:white; border-left:7px solid #00c291; margin-bottom:20px; padding:10px 10px 10px 25px; font-size:24px; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2) !important; }
.customer-service-page .faqlistingitem a{font-size:24px; color:black;font-family: 'Saira';
font-style: normal;
font-weight: 500;}
.customer-service-page .faqlistingitem a:hover{ text-decoration:none;}
.customer-service-page .singleitem h2{ font-family: "Saira Bold";
font-size: 80px;
line-height: normal;
padding: 0; }
.customer-service-page .supportform{background-color:#ffd3cd; padding-bottom:50px;padding-top:20px; padding-left:50px; }
.customer-service-page .supportform b{ font-size:22px; font-weight:normal;}
.customer-service-page .supportform h2{ padding-left:20px;}
.customer-service-page .contactinfo{background-color: #90e9ff; font-family:Saira;}
.customer-service-page .contactinfo .contactdiv{padding-top:80px; text-align:left; font-family: Saira !important;}
.customer-service-page .contactinfo .contactdiv b, .customer-service-page .contactinfo .contactdiv p{font-family:Saira !important;}
.customer-service-page .contactinfo .contactdiv img{ height:45px; }
.customer-service-page .contactinfo .contactmessage p{ font-size:20px; font-weight:500; padding-top:30px; padding-right:45px; }
.customer-service-page .supportform form{ padding:0 25px 0 25px;}
.customer-service-page .supportform form input, .customer-service-page .supportform form textarea{ width:100%; margin-bottom:25px; background-color:transparent; border-color:#d55340; border-left:none; border-right:none; border-top:none;}
.customer-service-page .supportform form textarea{ height:100px;}
.customer-service-page .supportform form { font-weight:normal;}
.customer-service-page .supportform form .fibiobutton{font-size: 22px;
line-height: 62px;
height: 62px; padding-left: 25px;padding-top:0; padding-bottom:2px;padding-right:0 !important; display:inline-block;color:white; border-radius: 50px 50px 50px 50px !important; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2) !important; background-color:#fea396; color:white !important; cursor:pointer;
}
.customer-service-page .supportform form .fibiobutton:hover{color:white !important; text-decoration:none;}
.customer-service-page .supportform form .fibiobutton:after{
content:url(/popuporderv2/publicassets/images/arrow-small.png); width:10px !important;float:right;padding-right:60px; padding-left:25px;padding-top:2px; padding-bottom:2px;
}
.full-width-ecommerce{ padding-top:58px; padding-bottom:58px;}
.full-width-ecommerce a{ color:rgb(4,195,147); font-size:35px;font-family: 'Saira';
font-style: normal;
font-weight: 500; }
.full-width-ecommerce .specialh1 h2, .full-width-ecommerce .specialh1 h3{ line-height:1.1;}
.middle-width-pusher .container-fluid{ padding-top:20px;padding-bottom:40px; }
.middle-width-pusher p{ font-size:24px; }
.middle-width-pusher .specialh1 h2{ line-height:1.5 !important;}
.middle-width-pusher form input{border-radius: 30px;
border: 0;
height: 50px; padding-left:20px; padding-right:50px; margin-top:20px;
width: 350px; font-size:16px;font-family:Saira; font-weight:600;
background-image:url(/popuporderv2/publicassets/fibio/images/formsubmit.png); background-position:right; background-repeat:no-repeat;
}
.middle-width-pusher form input:focus{ outline:none;}
#footer h5{ margin-top:20px; margin-bottom:20px; }
/* Ecommerce Part View */
.ecommercepartview .listing{ border-radius:20px; text-align:center;}
.ecommercepartview .listing{margin-top:25px;width:350px; background-repeat:no-repeat;background-position:center center; }
.ecommercepartview .header{ margin-top:0; font-weight:normal; color:white; text-transform:uppercase; font-size:18px; height:25px; }
.ecommercepartview .middleshout{ font-size:40px !important; font-weight:bold; color:white; text-transform:uppercase; }
.ecommercepartview .fibioorderbutton{ margin-top:0; width:80%; margin-left:10%; display:block;background-color:#fcc735; color:white; font-size:24px; border-radius: 30px; cursor:pointer;box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.1) !important; font-weight:500; padding-top:8px; padding-bottom:8px;}
.ecommercepartview .slick-slide{ padding:0;width:350px !important; margin-left:50px; margin-right:50px; }
.ecommercepartview .slick-slide .listing{ height:480px; margin-top:60px;padding-right:0; z-index:0; }
.ecommercepartview .slick-center .listing{ height:580px !important; width:380px !important;margin-top:0; z-index:2; margin-left:-15px; }
.ecommercepartview .slick-center{width:380px;z-index:2;position: relative; }
.ecommercepartview .slick-next:before, .slick-prev:before{ color:#00acff; font-size:60px;}
.ecommercepartview .slick-next:before{margin-left:-45px;}
.ecommercepartview .slick-center .listing .fibioorderbutton{ font-size:28px; width:300px;margin-top:20px; }
.ecommercepartview .slick-active{ margin-left:0; margin-right:0;}
.ecommercepartview .listshout{ color:white; height:175px; margin-top:10px;}
.ecommercepartview .listshout li{ list-style-image:url(/popuporderv2/publicassets/pricelistitems/li-arrow-little.png); text-align:left; font-size:17px; margin-left:30px; font-weight:200; text-transform:uppercase; }
.ecommercepartview .slick-center .listshout li{list-style-image:url(/popuporderv2/publicassets/pricelistitems/li-arrow.png); text-align:left; font-size:22px; margin-left:40px;}
.ecommercepartview .slick-center .listshout{height:240px;}
.ecommercepartview .bottomtext{ color:white; margin-top:5px;}
.ecommercepartview.slick-slider{padding-left:45px; padding-right:45px;}
.ecommercepartview .pricecaption{ font-size:30px; font-family:Roboto; font-weight:800; background-color:white; display:inline;margin-left:auto; margin-right:auto; padding:8px 8px 8px 8px !important; margin-bottom:10px; }
.ecommercepartview .pricecaptionholder{margin-bottom:10px;}
.ecommercepartview .pricelowtext{ font-family:Roboto; font-weight:100; font-size:16px; color:white; }
.ecommercepartview .background0 .pricecaption{ color: #06b5e0; }
.ecommercepartview .background1 .pricecaption{ color: #21BC8C; }
.ecommercepartview .background2 .pricecaption{ color: #ffa497; }
.logo{height:65px; margin-top:25px;}
#submenuselect{ display:none;}
/* Products Part View */
.full-width-products{ margin-top:20px; margin-botto m:50px; margin-bottom:60px;}
.full-width-products .col-md-10 a{ color:#8cdfc7; font-weight:600; text-decoration:underline; }
.full-width-products .specialh1 h2{ line-height:1.3 !important;}
.full-width-products .ecommercepartview .b, .full-width-products .ecommercepartview .b a{ font-size: 24px; font-family: 'Saira'; font-style: normal; font-weight: 600; text-align:center; display:block; min-height:135px; color:black; text-decoration:none; }
.full-width-products .ecommercepartview .link{margin-left:20px;}
.full-width-products .ecommercepartview .link a{ text-align:left; background-image:url(/popuporderv2/publicassets/pricelistitems/products_bg.png); width:240px; height:64px; display:block; color:white; padding-top:20px; font-size:16px; padding-left:30px; background-repeat:no-repeat; margin-left:auto; margin-right:auto; text-decoration:none; }
/* Four sides */
.foursideswidthimages h3{ font-size: 24px; }
.foursideswidthimages h2{ line-height:1.3; margin-bottom: 20px; }
.foursideswidthimages img{ height:50px; float:right;margin-top:10px; }
.foursideswidthimages .col-md-1{ text-align:center;}
.foursideswidthimages{ padding-top:50px; padding-bottom:100px;}
.foursideswidthimages p{ font-size:22px !important;}
/* Myfibio Styles */
.myfibiobutton{ background-color:#fcc735;font-size: 22px;
line-height: 69px; font-family:Saira;
height: 69px;
padding-left: 35px !important;
padding-top: 25px !important;
padding-right:35px !important;
padding-bottom: 2px;
margin-top:19px;
display: inline-block;
color: white !important;
border-radius: 50px 50px 50px 50px !important;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2) !important;
font-weight: 600;
margin-left:140px;
}
.myfibiobutton:hover{ background-color:#fcc735 !important; }
.compressed .myfibiobutton{ padding-top:18px !important; margin-top:4px; height:55px; }
/*#myfibio .logo{height: 65px !important;}*/
#myfibio{ background-color:#fff !important;min-height:100vh !important;}
#myfibio .compressed #navbar .dropdown-item{ margin-top:15px !important; }
#myfibio .fibiologin{ background: url(/popuporderv2/publicassets/myfibio/bg_login.png); height:410px; width:610px; background-repeat:no-repeat; }
#myfibio .fibiologin form{ padding-left:60px; padding-top:70px;padding-right:60px; }
#myfibio .fibiologin form #username, #myfibio .fibiologin form #password{
width:100%; border-top:0; border-left:0; border-right:0; border-bottom:1px solid white; background: transparent;
font-family: Saira; font-size:18px; color:white;outline-width: 0; outline:none;
}
#myfibio .fibiologin form label, #myfibio .fibiologin form .input-group{ display:block; width:100%; color:#27FF74; font-family: Saira; font-size:18px; font-weight:100;}
#myfibio .fibiologin form .fibiobutton{font-size: 22px;
line-height: 62px;
height: 62px;
padding-left: 44px;padding-top:0; padding-bottom:2px;padding-right:0 !important;
display:inline-block;color:white;
border-radius: 50px 50px 50px 50px !important;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2) !important;
background-color:#fcc735; cursor:pointer; font-family:Roboto; font-size:22px;
}
#myfibio .fibiologin form .fibiobutton:after{
content:url(/popuporderv2/publicassets/images/arrow-small.png); width:10px !important;float:right;padding-right:60px; padding-left:25px;padding-top:2px; padding-bottom:2px;
}
#myfibio .fibiologin form .fibiobutton{ margin-top:20px; }
#myfibio .fibiologin form #glomtlosenord{ color:white; cursor:pointer; margin-top:40px; display:block; text-decoration:underline; font-size:16px; }
#myfibio .fibiologinheader p{ font-size:16px; font-weight:400; margin-bottom:40px;}
#myfibio.loginholder main{ padding-top:100px;}
#myfibio.loginholder h4{ font-size:28px; font-weight:500;
font-family:Saira; }
#myfibio.loginholder{
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-size: 18px;
}
#myfibio.loginholder .table{ font-size:16px !important; }
#myfibio .contentholderfibio{ padding-left:40px; }
#myfibio #abgandring, #myfibio #abonnemang{ padding:5px 15px 5px 15px; }
#myfibio p{ font-size: 18px; }
#myfibio .greenborder p{ font-size:16px; }
#myfibio .greenborder b{ font-size:18px; }
#myfibio .contentholderfibio thead td{ font-weight:400;}
#myfibio .fibiocopybutton, #myfibio #ansok, #resetepostbutton{font-size: 22px;
line-height: 62px; font-weight:500; font-family:Saira;
height: 62px;
padding-left: 50px;padding-top:0; padding-bottom:2px;padding-right:50px;
display:inline-block;color:white;
border-radius: 50px 50px 50px 50px !important;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2) !important;
border:0; margin-bottom:30px; font-weight:100; margin-top:10px;
background-color: #1db954;
}
#myfibio #tipslank{ border-left:0; border-right:0; border-top:0; }
#myfibio #tipslank:focus, #myfibio .fibiocopybutton:focus{ outline:none; }
#myfibio.loginholder .greenborder{
border-left:5px solid #1db954; padding-left:20px;padding-top:10px; padding-bottom:10px;
}
#myfibio.loginholder .larger{
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-size: 26px;
}
#myfibiomenu{
padding-top:20px;
border-radius: 20px 20px 20px 20px !important;
box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2) !important;
}
#myfibiomenu ul{ padding-left:3px; }
#myfibiomenu ul li{ list-style:none; margin-left:0; padding-bottom:15px !important;}
#myfibiomenu a{
font-size:18px; line-height:30px;
font-family:Saira; color:black; font-weight:200;
}
#myfibiomenu .selected a{
font-size:22px; font-weight:500;
font-family:Saira;
}
#myfibiomenu .selected img{
height:40px; width:40px; margin-left:0;
}
#myfibiomenu li img{
height:20px; width:20px; margin-left:10px; margin-right:10px;
}
#myfibio.loginholder b{
font-weight:400;
}
#myfibiomenu ul .logout{ margin-top:50px; }
#footer .footertextfield p{color:white;font-size:18px; padding-left:15px;}
/* Mobile fix on design elements */
@media (max-width: 400px) {
.full-width-trustpilot .trustpilotpartview{ width:400px !important; height:320px !important; background-color:#f0f7ff; padding:15px 15px 15px 15px !important;margin-left:5px !important;margin-right:5px !important; }
.full-width-trustpilot .trustpilotleft{ padding-left:35px;}
.full-width-trustpilot .trustpilotboxes{ height:320px !important;}
.full-width-trustpilot .trustpilotboxes h5{ width:80vw;}
.full-width-trustpilot .trustpilotboxes p{ width:80vw;}
.specialh1 h1, .specialh1 h2, .specialh1 h3, .specialh1 p, .specialh1 h1 span, .specialh1 h2 span, .specialh1 h3 span, .specialh1 p span {
font-size:38px !important;
}
#faqformstyle input{ width:300px; }
.p p{ font-size: 18px; }
#footer p, #footer p a{ font-size: 14px; line-height:1.5;}
#footer h5{ font-size: 20px;}
.fibiobutton{ font-size: 20px !important; width:100%; text-align:center; }
}
@media (max-width: 900px) {
.specialh1 h1, .specialh1 h2, .specialh1 h3, .specialh1 p, .specialh1 h1 span, .specialh1 h2 span, .specialh1 h3 span, .specialh1 p span, .singleitem h2, .supportform h2 , #familjedeal .specialh1, #familjedeal .subheader {
font-size:45px !important;word-break: break-word; line-height:1;
}
.subcard{border:0;}
#myfibiomenu{
padding-top:20px;
border-radius: 0 !important;
box-shadow: none !important;
}
#myfibiomenu ul .logout{ margin-top:10px !important;}
#myfibio h2{ font-size:57px; }
#myfibio .fibiologinheader p{ font-size:16px; }
.fibiologin{ width:100% !important;}
#specialmobileheaderseo{
word-break: break-word;
}
}
@media (min-width: 601px) {
.controllermobileslidshow{ display:none;}
}
@media (max-width: 600px) {
.controllermobileslidshow table{ width:100%;margin-top:30px; }
.controllermobileslidshow table td{width:50%; text-align:center; }
.controllermobileslidshow table td input{ border-radius:30px; background-color:#00acff; color:white; font-size:35px; border:0; padding:10px; width:50px; }
}
@media (max-width: 500px) {
#footer .footertextfield{color:white;font-size:18px; padding-left:15px;}
.specialh1 h1, .specialh1 h2, .specialh1 h3, .specialh1 p, .specialh1 h1 span, .specialh1 h2 span, .specialh1 h3 span, .specialh1 p span, .singleitem h2, .supportform h2 {
font-size:44px !important;word-break: break-word; line-height:1;
}
.full-text-block-viaplay .specialh1 h2 span{line-height:75px !important;}
#myfibio .fibiologin form{
padding-top:20px !important;
}
/*.mobileslider{ width:300px !important;}*/
.full-width-pusher .slideshow .slick-slider img{padding:0; margin:0;}
.ecommercepartview .slick-next:before, .slick-prev:before{ display:none;}
.ecommercepartview.slick-slider{ padding-left:0; padding-right:0;}
.singleitem, .contactinfo{ padding:10px 10px 0 10px;}
.p p, .singleitem p, .contactinfo p{ font-size: 22px; }
#footer p, #footer p a{ font-size: 14px; line-height:1.5;}
#footer h5{ font-size: 20px;}
.fibiobutton{ font-size: 22px !important; width:100%; text-align:center; }
nav.navbar-fixed-top{
height:auto; padding:0; background-color:#1db954;
}
.navbar-brand{ padding:0; margin-bottom:5px;}
/*.customer-service-page .faqholder{ display:none; }*/
.customer-service-page{ padding-bottom:0;}
}
/* Familjedeal */
#familjedeal{ margin-top:70px;margin-bottom:50px; }
#familjedeal .middlebig .p{ text-align:center; font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size:26px;}
#familjedeal .subheader{ font-size: 50px;font-family: 'Saira'; font-style: normal; font-weight: 500; }
#familjedeal .subcard .header{font-size: 70px;font-family: 'Saira'; font-style: normal; font-weight: 600; }
#familjedeal .subcard .subheader{font-size: 28px;font-family: 'Roboto'; font-style: normal; font-weight: 700; }
#familjedeal .subcard .left{ text-align:center; padding-top:50px; padding-bottom:50px; }
#familjedeal .subcard .right{ font-size: 20px;font-family: 'Saira'; font-style: normal; font-weight: 200; margin-top:80px; padding-bottom:20px;padding-top:20px; padding-right:15%; border-left:1px solid black;}
#familjedeal .subcard{ border: 1px solid #ceefff; border-radius:20px; background-color:#ceefff; background-image: url('/popuporderv2/publicassets/familjedeal/bg-background.png'); background-repeat:no-repeat; background-position:center right; }
#familjedeal .centralize{ text-align:center; }
#familjedeal .margintopstandard{ margin-top:60px;}
#familjedeal .bluebutton{ background-color:#75b5ff; border:1px solid #006eec; height:56px; width:170px; color:white;font-family: 'Saira'; font-style: normal; font-weight: 400; font-size:20px; }
#familjedeal .selected{ background-color:#006eec; }
#familjedeal .subscriptionheadermedium{font-family: 'Saira'; font-style: normal; font-weight: 500; font-size:19px; margin-top:15px; }
#familjedeal .subscriptionheader{font-family: 'Saira'; font-style: normal; font-weight: 500; font-size:19px;}
#familjedeal #counter{font-family: 'Saira'; font-style: normal; font-weight: 500; font-size:40px; margin-top:10px; }
#familjedeal .subscriptionheader span{ font-weight: 200;font-size:17px; font-family: Roboto; }
#familjedeal .counterholder img{ padding-bottom:20px; cursor:pointer;}
#familjedeal .priceperperson .middlespan{ padding-left:40px;font-family: 'Saira'; font-style: normal; font-weight: 500; font-size:15px; padding-top:30px; }
#familjedeal .priceperperson .middlespan span{ font-family: 'Saira'; font-style: normal; font-weight: 500; font-size:35px; }
#familjedeal .priceperperson .leftcolor{ background-color: #DDF8FF; height:140px; border-right:4px solid white; }
#familjedeal .priceperperson .rightcolor{ background-color: #FFF8CA; height:140px; border-left:4px solid white; }
#familjedeal .priceperperson .middlecolor{ background-color: #FFE0F3; height:140px; margin-top:20px; }
#familjedeal #orderbutton{ margin-top:30px; width:100%; height:102px; background-color:#E90092; border:0;font-family: 'Saira'; font-style: normal; font-weight: 500; font-size:28px; color:white; border-radius: 20px; text-align:center; cursor:pointer; }
#familjedeal #orderbutton span{margin-top:35px; width:75px; display: inline-block;}
#familjedeal #orderbutton::after{
content:url(/popuporderv2/publicassets/familjedeal/red-button.jpg); width:105px !important;float:right;padding-right:60px; padding-left:0;padding-top:0; padding-bottom:0;
}
#familjedeal .alreadyloggedin{ text-align:center;}
#familjedeal .alreadyloggedin b{ background-color:#FFEEC0; color:black; font-family: Saira; font-weight:500;font-size:24px; padding: 5px 5px 5px 5px; }
#familjedeal .step1color{ padding:20px; background-color: #FFE9F7;}
#familjedeal .step1color2{ padding:20px; background-color: #DDF8FF;}
#familjedeal .step1span{padding-left:40px;font-family: 'Saira'; font-style: normal; font-weight: 500; font-size:15px; padding-top:30px; height:auto !important; }
#familjedeal .maincolumnstep1{ font-family: Roboto; font-style: normal; font-weight: 200; font-size:28px; padding-right:20px; }
#familjedeal .bullitliststep1{ font-family: Roboto; font-style: normal; font-weight: 200; font-size:20px; padding-right:20px;}
#familjedeal .bullitliststep1 li{ background:url(/popuporderv2/publicassets/familjedeal/red-list-icon.jpg) no-repeat left top; line-height:50px; padding:0; margin:0; list-style-type:none; padding-left:40px;margin-left:0; }
#familjedeal .bullitliststep1 ul{ padding:0;}
#familjedeal .rightstep1side{font-family: Roboto; font-style: normal; font-weight: 500; font-size:15px; border-left:20px solid white; }
#familjedeal .rightstep1side h2{ font-family: 'Saira'; font-style: normal; font-weight: 500; font-size:35px; }
#familjedeal .rightstep1side li{ font-family: 'Saira'; font-style: normal; font-weight: 500; font-size:18px; list-style-type:circle; line-height:45px; }
#familjedeal .rightstep1side .middlespan span{ font-size:25px; }
#familjedeal .rightstep1side .middlespan{ border-top:10px solid white; height:130px; }
#familjedeal .rightstep1side .leftcolor{ background-color: #E2E5FF; }
#familjedeal .buyneworupgradeexisting{ font-family: 'Saira'; font-style: normal; font-weight: 500; font-size:50px;}
#familjedeal #orderbuttonstep1{ margin-top:10px; width:100%; height:85px; background-color:#E90092; border:0;font-family: 'Saira'; font-style: normal; font-weight: 500; font-size:28px; color:white; border-radius: 20px; text-align:center; cursor:pointer; }
#familjedeal #orderbuttonstep1 span{margin-top:25px; width:75px; display: inline-block;}
#familjedeal #orderbuttonstep1::after{
content:url(/popuporderv2/publicassets/familjedeal/red-button-step1.jpg); width:87px !important;float:right;padding-right:60px; padding-left:0;padding-top:0; padding-bottom:0;
}
#familjedeal .step1middlecolor{ background-color: #D5FFE4; height:130px; }
#familjedeal .bluebuttonstep1{ background-color:#75b5ff; border:1px solid #006eec; height:56px; width:auto; color:white;font-family: 'Saira'; font-style: normal; font-weight: 400; font-size:20px; }
#familjedeal input.selected{ background-color:#006eec; }
#familjedeal .yellowbuttonholder input{ background-color:#FDF238;border:1px solid #FDF238; height:56px; width:100%; color:black;font-family: 'Saira'; font-style: normal; font-weight: 400; font-size:26px; line-height:85px; height:85px; }
#familjedeal .yellowbuttonholder input.selected{ background-color:#FFC32A; color:white; }
#familjedeal .porteringsdialog .col-md-12{ background-color:#eaecff; margin-top:40px; padding-top:20px;padding-bottom:20px; border:15px solid white; }
#familjedeal .porteringsdialog .col-md-12 input{ background-color:#eaecff;font-family: 'Saira'; font-style: normal; font-weight: 400; font-size:26px;}
#familjedeal .porteringsdialog .col-md-12 span{font-family: 'Saira'; font-style: normal; font-weight: 400; font-size:26px;}
#familjedeal #orderbuttonstep2{ margin-top:10px; width:100%; height:85px; background-color:#E90092; border:0;font-family: 'Saira'; font-style: normal; font-weight: 500; font-size:45px; color:white; border-radius: 20px; text-align:center; cursor:pointer; }
#familjedeal #orderbuttonstep2 span{margin-top:25px; width:80%; font-size:25px; display: inline-block;}
#familjedeal #orderbuttonstep2::after{
content:url(/popuporderv2/publicassets/familjedeal/red-button-step1.jpg); width:87px !important;float:right;padding-right:60px; padding-left:0;padding-top:0; padding-bottom:0;
}
#familjedeal .step2span h2{font-family: 'Saira'; font-style: normal; font-weight: 500; font-size:35px; padding-top:30px; height:auto !important;}
#familjedeal .orderform input{ width:80%;font-family: 'Saira'; font-style: normal; font-weight: 500; font-size:25px; }
#familjedeal .orderform span{font-family: 'Saira'; font-style: normal; font-weight: 500; font-size:15px; }
#familjedeal .checkbox{width:20px !important; display:inline-block; transform: scale(2);}
/* Familjedeal */
/* Extra Simkort */
.extrasimkortcard{
height: 200px;width:230px; cursor:pointer;
border: 1px solid #ceefff; border-radius:20px; background-color:#ceefff; background-image: url('/popuporderv2/publicassets/extrasimkort/img/normal.png'); background-repeat:no-repeat; background-position:center right;margin-left:25px;margin-bottom:25px; text-align:center; padding-top:50px;
}
.extrasimkortcardselected{
background-image: url('/popuporderv2/publicassets/extrasimkort/img/selected.png') !important;
}
.extrasimkortcard b{font-size: 38px;font-family: 'Saira'; font-style: normal; font-weight: 600; margin-bottom:20px; }
.extrasimkortcard span{font-size: 24px;font-family: 'Saira'; font-style: normal; font-weight: 700; }
.extrasimkortcardselected span, .extrasimkortcardselected b{
color:white !important;
}
/* Extra Simkort */
/* Order page v2 */
.orderpage .backlink{ font-family: Saira; font-weight:500; font-size:26px; color: black; }
.orderpage .abgcard{ border-radius:20px; background-color: #4be2b9; width:350px; height:300px; margin-top:30px; margin-bottom:30px; }
.orderpage .abgcard .abgname{ font-family: Saira; font-weight:500; font-size:60px; color: white; text-align:center; line-height:69px; padding-top:25px; }
.orderpage .abgcard .subinfo{ font-family: Roboto; font-weight:200; font-size:20px; background-color:rgba(255,255,255,0.2); color: white; text-align:center; margin-left:10px; margin-right:10px; margin-top:15px; }
.orderpage .abgcard .pricing{ font-family: Saira; font-weight:500; font-size:26px; text-align:center; color:white; margin-top:20px; }
.orderpage .step0header{font-family: Saira; font-weight:500; font-size:60px; color: black;}
.orderpage .step0flowingtext{font-family: Saira; font-weight:100; font-size:26px; color: black; }
.orderpage .bluefield{ font-family:Saira; font-weight:500; font-size:26px; color: black; padding:40px 20px 40px 20px;width:100%; background-color:#DDF8FF;margin:20px 10px 20px 10px; }
.orderpage .bluefield .radiobutton{ transform: scale(2); margin-right:20px; }
.orderpage .orderbutton{font-size: 22px; background-color:#1DB954;
line-height: 62px; font-weight:500; font-family:Saira;
height: 62px; cursor:pointer;
padding-left: 44px;padding-top:0; padding-bottom:2px;padding-right:0 !important;
display:inline-block;color:white;
border-radius: 50px 50px 50px 50px !important;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2) !important;
}
.orderpage .orderbutton:hover{color:white; text-decoration:none;}
.orderpage .orderbutton:after{
content:url(/popuporderv2/publicassets/images/arrow-small.png); width:10px !important;float:right;padding-right:60px; padding-left:27px;padding-top:2px; padding-bottom:2px;
}
.orderpage .orderbuttonv2{font-size: 22px; background-color:#1DB954;
line-height: 62px; font-weight:500; font-family:Saira;
height: 62px; cursor:pointer; margin-left:30px;
padding-left: 44px;padding-top:0; padding-bottom:2px;padding-right:44px !important;
display:inline-block;color:white;
border-radius: 50px 50px 50px 50px !important;
}
.orderpage .morepadding{
padding:40px 40px 40px 40px !important;
}
.orderpage .morepadding span.header{
font-size: 30px; font-family: Saira; font-weight:600; margin-bottom:30px;
}
.orderpage .textfield{ background-color:transparent; font-family:Roboto; font-size:22px; font-weight:100; border:0; border-bottom:3px solid #00A902; }
.orderpage .approvewindow{
font-size:18px; font-family: Roboto;
}
.orderpage .datefield{ border:1px solid #FFC32A; width:200px; }
.orderpage small{ font-size:14px; font-family:Roboto; line-height:14px; }
.orderpage .approvewindow a{ color: #1DB954; text-decoration:underline; }
.orderpage #approvemydetails{
transform: scale(2);
margin-right:10px;
border: 1px solid #1DB954;
color: #1DB954;
}
.orderpage #viaplay{
transform: scale(2);
margin-right:10px;
border: 1px solid #1DB954;
color: #1DB954;
}
.orderpage .datavalue{
text-transform:capitalize;
}
.orderpage .datarow{
font-size: 22px; font-family:Roboto; font-weight:300; border-bottom:1px solid #C6EDF6;
}
.orderpage .datarow label{
font-size: 22px; font-family:Roboto; font-weight:400; width:300px;
}
.thankyoupage{ padding-bottom:100px;}
.thankyoupage .biggertext{
font-size: 26px; font-family:Roboto; font-weight:400; margin-bottom:20px;
}
.thankyoupage .biggertext img{ margin-right:20px;}
.thankyoupage .normaltext{ font-size: 18px; font-family:Roboto; font-weight:100; }
.thankyoupage h5{ font-size: 24px; font-family:Saira; font-weight:500; margin-top:20px; }
@media (max-width: 990px) { h1{ font-size:30px !important; margin-top:30px;} .orderpage .orderbuttonv2{ margin-top:20px; margin-left:auto; margin-right:auto; text-align:center; }}
/* Order page v2 */
/* Adjustments for navbars */
.ti-menu{ color:white;}
@media (max-width: 990px) {
.navbar-header {
float: none;
}
#familjedeal .bluebuttonstep1{
width: 100% !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-collapse.collapse {
display: none !important;
}
#myfibiomenu{
padding-top:20px;
border-radius: 0 !important;
box-shadow: none !important;
}
#navbar .logo, nav.compressed .logo, nav.navbar-fixed-top .logo{ height:45px !important;margin-top:10px; }
#navbar, nav.compressed{min-height:75px !important; height:auto !important;}
.navbar-nav {
float: none!important;
margin: 7.5px -15px;
background-color:#1db954;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.logo{ height: 50px; }
main{ margin-top:0;}
nav.navbar-fixed-top{ min-heigth:75px; height:auto;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color:#1db954 !important; }
}
@media (max-width: 990px) {
.myfibiobutton{ margin-left:0; background-image:none; padding:0 0 0 15px !important;; box-shadow:none !important; background-color: transparent; height:auto; padding-left:20px; }
#footer .logo{ padding-left:10px; margin-left:0;}
#contentclear{ margin-bottom:5px !important; }
.navbar-collapse.in {
display: block !important;
}
#submenuselect{ display:block; border:0; margin:0 0 0 7.5px; padding:0;font-size:22px !important; background-color:#1db954; color:white;}
#submenuselect select option{ font-size:22px !important;}
.logo{ margin-top:0; height:45px; margin-top:5px;}
#navbar .dropdown-item, #submenuselect, #navbar select.dropdown-item{ margin-top:10px; margin-bottom:10px;}
#navbar select.dropdown-item, #navbar select.dropdown-item li{ font-size:22px !important; background-color:#1db954; color:white !important;}
.footer .footertextfield{ padding-left:0 !important; }
}
@media only screen and (min-width: 990px) and (max-width: 1300px) {
#footer .logo{ padding-left:0; margin-left:0;}
#navbar .dropdown-item{ font-size:18px !important; }
}
@media only screen and (min-width: 990px) and (max-width: 1390px) {
.thumbnailholder{ min-width:25%;}
.filler{ width:2px !important;}
.fillersub{ width:12px !important;}
#navbarbottom .dropdown-item{ font-size:16px !important; }
.logo{ height:55px; }
#navbar{ margin-left:10px;}
}
@media only screen and (min-width: 1101px) {
#footer .footertextfield p{color:white;font-size:18px; padding-left:10px;}
.thumbnailholder{ min-width:20%;}
#faqformstyle input{ width:450px;}
.myfibiobutton{ margin-left:1px;}
}
@media only screen and (max-width: 1579px) and (min-width: 990px) {
.myfibiobutton{ margin-left:1px;}
}
@media only screen and (min-width: 1580px) {
.myfibiobutton{ margin-left:140px !important;}
}
@media only screen and (max-width: 1244px) and (min-width: 990px) {
.dropdown-item{ font-size:21px !important;}
.myfibiobutton{ padding-left:25px !important; padding-right:25px !important;}
}
@media only screen and (max-width: 1024px) {
#navbar .dropdown-item{ font-size:18px !important;}
.myfibio a{ font-size:18px !important;}
#navbar li:hover .dropdown-menu{
left:0;
min-width: 200px !important;
width: 300px;
z-index: 1000;
}
.seo-width-pusher .large h2, .seo-width-pusher .large h3{ font-size:18px;}
}
.customer-service-page .row{ margin-left:0; margin-right:0;}
#submenuselect{ padding-left:10px; }
.giveshadow h1 span, .giveshadow h2 span, .giveshadow h3 span, .giveshadow p span{
box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 10px;
}
/* Order Styles */
body.mini main{ margin:10px 10px 10px 10px;}
nav.compressed{
height:75px;
}
.compressed #navbar .dropdown-item{
margin-top:5px;
}
.compressed .logo{
height:50px; margin-top:10px;
}
main.compressed{ margin-top:71px;}
#navbar:hover a.active_1{ border-bottom:5px solid #1db954; }
#navbar li a.active_1, #navbar .menu_1:hover{ border-bottom: 5px solid white;}
#navbar .submenu_1:hover{ border-top:5px solid white;}
#navbar:hover a.active_1:hover{ border-bottom: 5px solid white; }
#resetpassword{width:610px; text-align: center; }
#resetpassword h3{ font-size:27px; }
#resetpassword .input-group{ text-align:center; width:610px; }
#myfibio .compressed li.customernameholder a{ margin-top: 5px;}
li.customernameholder a img{ height:35px; margin-right:4px; }
#myfibio .dropdown-item{ font-size:22px !important; }
#myfibio .customernameholder{ margin-top:-8px !important; height:40px;}
.landholder{display:none;}
.utlandsprisertable{ font-family:Saira; }
.utlandsprisertable thead th{ background-color:#6d78f5; text-align:center; color:white; height:30px; font-size:18px; font-weight:100; }
.utlandsprisertable tbody tr:nth-child(even){ background-color: #f8f8f8;}
.utlandsprisertable tbody tr:nth-child(odd){ background-color: #ffffff;}
.utlandsprisertable tbody tr td{ text-align:left; padding-left:60px; }
#countrylistroaming button{ font-size:18px; font-weight:600; font-family:Saira; width:100% !important; text-align:left; }
#countrylistroaming button:after{ content:'â–¼'; float:right;}
#countrylistroaming button span{ float:right;}
#countrylistroamingmenulist{ height:200px; overflow:auto;}
#countrylistroamingmenulist .dropdown-item{ font-size:18px; font-weight:600; font-family:Saira; cursor:pointer; }
#countrylistroaming{ margin-bottom:100px;}
#countrylistutland button{ font-size:18px; font-weight:600; font-family:Saira; width:100% !important; text-align:left; }
#countrylistutland button:after{ content:'â–¼'; float:right;}
#countrylistutland button span{ float:right;}
#countrylistutlandmenulist{ height:200px; overflow:auto;}
#countrylistutlandmenulist .dropdown-item{ font-size:18px; font-weight:600; font-family:Saira; cursor:pointer; }
#countrylistutland{ margin-bottom:100px;}
/* special ordering fixes for iframe under ordermodual */
body.mini .checkbox input{ transform: scale(2); }
body.mini .checkbox{ padding-left:10px; }
body.mini #submitsave{ margin-top:25px; }
.full-width-ecommerce .col-md-12{ min-height:120px; }
.ecommerceslider2facesonly .slick-list{ padding-left:150px; }
.ecommerceslider2facesonly .slick-slide{ margin-left:50px; }
.ecommerceslider2facesonly .listingtop{ margin-top:40px !important;}
.ecommerceslider2facesonly .listshout{ height: 200px !important; }
.viaplay .fibioorderbutton{ margin-top:40px !important;}
/* BULLETS LIST */
ul.bullets {
list-style: none;
padding: 0;
}
ul.bullets li {
position: relative;
padding-left: 40px;
margin-bottom: 10px;
}
ul.bullets li,
ul.bullets li > a {
color: #000;
font-size: 24px;
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 300;
}
ul.bullets li::before {
content: '';
left: 0px;
top: 50%;
transform: translateY(-50%);
display: inline-block;
position: absolute;
height: 25px;
width: 25px;
background-image: url('/popuporderv2/publicassets/custom/08934dab179efc22542408b7d41a777b143e1b84.png');
background-size: contain;
background-repeat: no-repeat;
}
/* BULLETS LIST */
section.email-subscription {
padding: 40px;
}
section.email-subscription .input-with-button {
display: flex;
justify-content: center;
}
section.email-subscription input[type="email"], section.email-subscription input[type="text"] {
border-radius: 30px;
border: 0;
height: 50px;
padding-left: 20px;
padding-right: 50px;
width: 350px;
font-size: 16px;
font-family: Saira, Roboto;
font-weight: 600;
}
section.email-subscription .btn-submit {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: <?php echo $items_r["bgcolor"] ?? "#FFF" ?>;
color: #FFF;
border: 3px solid #FFF;
margin-left: -50px;
}
section.email-subscription .mce_inline_error:not(input) {
padding: 10px;
font-family: Roboto;
color: #FF3636;
}