﻿.inner              {text-align:center;}
    .inner .leftCol {
        float: left;
        width: 48%;
        text-align: left;
        padding:20px 10px 20px 30px;
        border-radius: 10px;
    }

    .inner .leftCol a {
        color:#ffffff;
    }
.inner .rightCol    {float:right; width:50%; text-align:left; padding:0px 0;}

.rightCol .rightColContent {
    overflow-y: scroll;
    height: 560px;
}

.rightCol .rightColContentText {
    width: 90%;
    margin: 0 auto;
}

.green {
    background-color: #82a198;
    border-radius: 10px;
}

.inner .leftCol h1, .inner .leftCol h2, .inner .leftCol p {
    color: #ffffff;
}

.inner .leftCol h1 {
    font-weight: 700;
    font-size:38px;
}

#GoogleMapCanvas {
    border: 10px solid #ffffff;
    width: 95%;
    height: 800px !important;
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

div.contact-form							{}
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						{color:#111; font:normal 14px Arial, Verdana, Sans-Serif; background-color:#ffffff; margin:0; width:100%; border:0; border-radius:8px; padding:10px;}

div.contact-form input, 
div.contact-form textarea					{/*background:#fafafa url(/gfx/webbedit/contact-tbx.gif) top left no-repeat;*/ background-color:#fefefe; outline-style:none; outline-width:0pt;}

div.contact-form input:focus, 
div.contact-form textarea:focus				{/*background:#fafafa url(/gfx/webbedit/contact-tbx-on.gif) top left no-repeat;*/ background-color:#fafafa; border:1px solid #aaa;}

div.contact-form input[type='text']			{width:100%; -webkit-appearance:none;}
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 { /*background:#fdefef url(/gfx/webbedit/contact-tbx-error.gif) top left no-repeat;*/
        background-color: #fdefef;
        border: 1px solid #dfc5c5;
        padding: 10px;
        color: #c14949;
    }
div.contact-form .validationerror			{background-color:#fdefef; border:1px solid #dfc5c5; padding:10px;color:#c14949;}

div.contact-form label						{padding:0 0 0 4px; margin:0; line-height:14px;}
div.contact-form textarea					{width:100%; -webkit-appearance: none;}

    div.contact-form input[type='submit'] {
        margin-top: 15px;
        margin-right:15px;
        padding: 10px 16px;
        border: 0px;        
        background-color: #4a655d;
        background-image: none;
        color: #fff;
        font-weight: normal;
        cursor: pointer;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-appearance: none;
        float: left;
        width: auto;
    }
div.contact-form input[type='submit']:active{background-color:#ddd;}

div.contact-form .errorlist					{background-color:#fdefef; border:1px solid #dfc5c5; color:#c14949 !important; padding:10px; margin:10px 0 0 0; font-weight:bold;}
div.contact-form .errorlist ul				{color:#c14949 !important;}
div.contact-form .errorlist ul li			{color:#c14949 !important; font-weight:normal !important;}

div.contact-form .okmessage					{padding:10px; margin:10px 0 0 0; background-color:#f0fdef; border:1px solid #bdbdbd; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; color:#95c149 !important; padding:10px; margin:10px 0 0 0; font-weight:bold;}
div.contact-form .okmessage ul				{color:#95c149 !important;}
div.contact-form .okmessage ul li			{color:#95c149 !important; font-weight:normal !important;}
.errorlist ul                               {margin-left:10px;}
.errorlist li                               {margin-left:10px;}

.wecaptcha {
    line-height: 35px;
    font-size: 18px;
    clear:both;
    float:none;
    color:#ffffff;
}
.wecaptcha-image {
    vertical-align: middle;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #82a198;
    color:#000000;
}
.wecaptcha input[type='text'].wecaptcha-tbx{
    height: 35px;
    width: 40px;
    padding: 0 10px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 18px;
    line-height: 35px;
    vertical-align: middle;
    min-width:unset;
    border-radius:5px;
}

@media screen and (max-width: 600px)
{
    .inner .leftCol {
        float: none;
        width: 100%;
        padding: 20px;
    }

    .inner .rightCol    {float:none; width:100%;}

    #GoogleMapCanvas {
        border: 10px solid #ffffff;
        width: 95%;
        height: 800px !important;
        margin-top: 0px;
        margin-bottom: 0px;
        border-bottom-right-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
    }
}

@media screen and (max-width: 560px) {
    .inner .leftCol {
        
        padding: 20px !important;
    }
}

