﻿.map    { position: relative; padding-bottom: 26%; height: 0; overflow: hidden; max-width: 100%; margin-bottom:20px;}
.map iframe, .map object, .map embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.contact-left           {width:45%; float:left;margin:40px 0;}
.contact-right          {width:45%; float:right;margin:40px 0;}

div.contact-form							{width:80%;}
div.contact-form p							{padding:0; margin:15px 0 2px 0; color:#222;}
div.contact-form p.desc						{padding:0; margin:1px 0 4px 0; font-style:italic; /*font-size:95%;*/}
div.contact-form p .manditory				{color:#f00; font-weight:bold; font-size:13px;}

div.contact-form input, 
div.contact-form textarea, 
div.contact-form select						{padding:4px 3px; margin:0;}

div.contact-form input, 
div.contact-form textarea					{background-color:#ffffff; padding:8px 12px; outline:0; color:#454141; font-family:"akagi-pro",sans-serif; font-size:17px; box-sizing:border-box; border:solid 1px #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.tbweOff                                    {font-family:"akagi-pro",sans-serif; font-size:17px; color:#454141 !important; border:solid 1px #e5e5e5;box-sizing:border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

div.contact-form input:focus, 
div.contact-form textarea:focus				{border:solid 1px #e5e5e5;box-sizing:border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color:#ffffff; padding:8px 12px; outline:0;color:#454141; font-family:"akagi-pro",sans-serif; font-size:17px;}

div.contact-form input[type='text']			{width:100%;}
div.contact-form input[type='file']			{width:100%; padding:2px;}
div.contact-form input[type='radio'], 
div.contact-form input[type='checkbox']		{padding:2px;}

div.contact-form input.validationerror, 
div.contact-form textarea.validationerror, 
div.contact-form select.validationerror     {border:1px solid #ff0000; background-color:#ffffff; padding:8px 12px; outline:0;color:#454141; font-family:"akagi-pro",sans-serif; font-size:17px;}
div.contact-form .validationerror			{border:1px solid #ff0000; background-color:#ffffff; padding:8px 12px; outline:0;color:#454141; font-family:"akagi-pro",sans-serif; font-size:17px;}

div.contact-form label						{padding:0 0 0 4px; margin:0; line-height:14px;}
div.contact-form textarea					{width:100%;}

div.contact-form input[type='submit']		{margin-top:5px; padding:8px 12px; border:solid 1px #e5e5e5; background-color:#ffffff; background-image:none; color:#454141; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
div.contact-form input[type='submit']:hover	{background-color:#fefefe; opacity: 0.8; filter: alpha(opacity=80); }

div.contact-form .errorlist					{padding:10px; margin:10px 0 0 0; background-color:#fdefef; border:0px solid #bdbdbd; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; color:#c14949 !important; padding:10px; margin:10px 0 0 0; font-weight:bold; width:100%; box-sizing:border-box;}
div.contact-form .errorlist ul				{color:#c14949 !important; box-sizing:border-box;}
div.contact-form .errorlist ul li			{color:#c14949 !important; font-weight:normal !important; box-sizing:border-box;}

@media screen and (max-width: 700px)
{
    .contact-left           {width:100%; float:none;}
    .contact-right          {width:100%; float:none;}
    div.contact-form        {width:100%;}

    .map                    {padding-bottom:40%;}

}
