﻿.largeImage     {padding:0px 0 0 0; width:100%; margin:0 auto;}
.largeCol       {float:left; width:60%; }
.smallCol       {float:right; width:30%; padding-top:40px;}
.smallCol p     {margin-bottom:0px;}
.smallCol .more  {width:100%;}
/*.smallCol li    {list-style-type:none; background:#686767 url('/gfx/readmore.png') no-repeat right 20px center; padding:20px; margin:0 0 10px 0; text-transform:uppercase;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.smallCol li a  {color:#ffffff;}*/

.mobilelogin               {display:none;}

.argsList       { display: flex; flex-wrap: wrap; text-align:center;}
.argsContainer  {background-color:#f3f3f3; }
.argsContainer .inner   {text-align:center; min-height:unset;}
.argsContainer h2       {padding-bottom:20px; }
.argsItem       {display:inline-block; width:32%; width:-moz-calc(33% - 20px); width:-webkit-calc(33% - 20px); width:calc(33% - 20px); min-height:50px; padding:30px;}

.meetingForm    {padding:40px 0; margin:0px 0 0 0; text-align:center;width:1200px; margin:0 auto;}
.meetingForm h2, .meetingForm p  {color:#ffffff;}
.generalContactForm {width:100%; margin-top:40px !important;}
.meetingFormContainer   {background-color:#2F2F2F; width:100%;}

.meetingForm .control-1 .tbweOn, .meetingForm .control-3 .tbweOn    {background-color:#525252 !important; border-color:#525252 !important;}
.meetingForm .control-1 .tbweOff, .meetingForm .control-3 .tbweOff  {background-color:#525252 !important; border-color:#525252 !important;}
.meetingForm .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;}

.meetingForm select                                             {background-color:#525252 !important;border-color:#525252 !important;}

@media screen and (max-width: 1024px)
{
    .mobilelogin       {display:block;}
    .desktoplogin      {display:none;}    

    .meetingForm        {width:95%;}

    .argsItem           { width: 32%; width: -moz-calc(33% - 10px); width: -webkit-calc(33% - 10px); width: calc(33% - 10px); }
}

@media screen and (max-width: 600px)
{
    .largeCol           {float:none; width:100%;}
    .smallCol           {float:none; width:100%;}
    .argsItem           {width:100%;}
    .cols               {width:100% !important;}
}