﻿.topImage           {width:100%; height:500px; background-size:cover; background-position:center; background-repeat:no-repeat;}

.inner ul li    {margin-left:20px;}

.large          {width:100%;}
.large .text    {float:none; max-width:1200px; margin:0 auto;}

.orderForm      {background-color:#303030; color:#ffffff; padding:40px 0; margin:0 auto; text-align:center; }
.orderForm .inner   {max-width:1200px;}
.orderForm h2   {color:#ffffff; padding-bottom:20px;}

.generalContactForm {width:100%; margin-top:40px !important;}
.meetingFormContainer   {background-color:#2F2F2F; width:100%;}

.orderForm .control-1 .tbweOn, .orderForm .control-3 .tbweOn    {background-color:#525252 !important; border-color:#525252 !important;}
.orderForm .control-1 .tbweOff, .orderForm .control-3 .tbweOff  {background-color:#525252 !important; border-color:#525252 !important;}
.orderForm .tbxInputSmall                                         {background-color:#ffffff !important; border-color:#525252 !important; opacity:0.5;}
.cols {float:left; width:49% !important;}
.cols:nth-child(even)   {float:right !important;}

.orderForm select                                             {background-color:#525252 !important;border-color:#525252 !important;}


.wecaptcha {
    line-height: 40px;
    font-size: 20px;
    clear:both;
    float:none;
}
.wecaptcha-image {
    vertical-align: middle;
    border: 1px solid #ddd;
}
.wecaptcha input[type='text'].wecaptcha-tbx{
    height: 40px;
    width: 40px;
    padding: 0 10px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    vertical-align: middle;
    min-width:unset;
}

@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;}
}