﻿.topImage           {width:100%; height:500px; background-size:cover; background-position:center; background-repeat:no-repeat;}

.smallContentInner ul li    {margin-left:20px;}

.inner .leftCol     {float:left; width:50%; text-align:center; padding-right:20px;}
.inner .rightCol    {float:right; width:50%;}

.rightCol .note, .smallContentInner .note     {background-color:#ffffff; border-left:5px solid #ea5b0c; padding:25px;font-size:15px; color:#7a7a7a;}
.note .upper        {font-size:18px; color:#1d1d1d; margin-bottom:0;}

.opBrands       {color:#ffffff; display: flex; flex-wrap: wrap;}
.opBrands .text {max-width:600px; padding:30px; font-size:15px; min-height:173px;}
.opBrands .upper        {font-size:18px;}
.opBrands .image        {float:left; width:30%; margin-top:20px; }
.opBrands .opText  {float:left; width:70%;}
.opBrands .opText p:first-child {font-size:18px; text-transform:uppercase;}
.telia          {width:50%; float:left; background-color:#9410e7; vertical-align:middle; }
.telia .text    {float:right; }

.telenor        {width:50%; float:right; background-color:#3292d4; }
.telenor .text  {float:left;}

.large          {width:100%;}
.large .text    {float:none; max-width:1200px; margin:0 auto;}

.opBrands .large .text .image  {float:left; width:10%; margin-top:20px; min-width:100px;}
.opBrands .large .text .opText {float:left; width:80%;}

.orderForm      {padding:20px 0; margin:0 auto;}
.orderForm .inner   {max-width:1200px; padding:10px 0; min-height:0;}
.orderForm h2   {padding-bottom:20px;}

.generalContactForm {width:100%; margin-top:10px !important;}
.meetingFormContainer   {background-color:#2F2F2F; width:100%;}

.orderForm .control-1 .tbweOn, .orderForm .control-3 .tbweOn    {border-color:#525252 !important;}
.orderForm .control-1 .tbweOff, .orderForm .control-3 .tbweOff  {border-color:#525252 !important;}
.orderForm .tbxInputSmall                                         {border-color:#525252 !important; opacity:0.5;}
.cols {float:left; width:100% !important;}
.cols:nth-child(even)   {float:right !important;}

.orderForm select                                             {border-color:#525252 !important;}

@media screen and (max-width: 1024px)
{
    .topImage           {padding-bottom:42%; height:unset;}
    .inner .leftCol img {width:100%;}
}

@media screen and (max-width: 768px)
{
    .telia          {float:none; width:100%;}
    .telenor        {float:none; width:100%;}
    .telia .text, .telenor .text    {float:none; margin-left:auto; margin-right:auto;}
}

@media screen and (max-width: 600px)
{
    .inner .leftCol     {float:none; width:100%; padding-right:0;}
    .inner .leftCol img {max-width:470px;}
    .inner .rightCol    {float:none; width:100%;}

    .cols               {width:100% !important;}

    .opBrands .image    {float:none; width:100%; }
    .opBrands .opText   {float:none; width:100%; margin-top:20px;}
    .opBrands .large .text .opText  {width:100%;}

    .responsiveTable td        {display:block;}
}