﻿.contact-right{
    background-color:#56565a;
    border-right:12px solid #b6dd7a;  
}
.contact-info{
    background-color: #21565a;
    padding: 20px 18px;
    font-family: texgyreadventor_regular;
    color: #fff;
    /*height:212px;
    width:210px;
    float:left;
    background-color:#21565a;
    padding:105px 18px;
    font-family:texgyreadventor_regular;   
    color:#fff;*/
}
.contact-name{
   line-height: 1.5;
    font-size: 15px;
    letter-spacing: 0.02em;
}
.contact-info a{
     color:#fff;
}
.contact-header{
    font-size:33px;
    line-height:1.5;
    margin-top:20px;
}
.contact-phone{
    font-size:12px;
    background:url(/Content/image/contact_phone.png);
    background-repeat:no-repeat;
    background-position:top left;
    padding-left:20px;
    margin-top:28px;
}
.contact-phone span{
    display:block;
    line-height:1.8;
}
.contact-email{
    font-size:12px;
    background:url(/Content/image/contact_email.png);
    background-repeat:no-repeat;
    background-position:top left;
     padding-left:20px;
     margin-top:7px;
}
.contact-email span{
    display:block;
    line-height:1.4;
}
.contact-address{
    font-size:12px;
    background:url(/Content/image/contact_address.png);
    background-repeat:no-repeat;
    background-position:top left;
    margin-top:9px;
    padding-left:17px;
}
.contact-address span{
    display:block;
    line-height:1.4;
}
div.contact-address > span:nth-child(2){   
     line-height:3;
}
.contact-form {
    background-color: #56565a;
    font-family: texgyreadventor_regular;
    color: #fff;
    padding-top: 18px;
    padding-left: 18px;
    padding-bottom:10px;
}

/*#region Dropdown select*/
.form-option{
    position:relative;
}
.wrapper-dropdown {
    /* Size & position */
    position: relative;
    width: 141px;   
    padding: 10px 15px;
    /* Styles */
    background: #54c9e8;
    border-radius: 1px;   
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease-out;
    font-size: 12px;
    border: 1px solid #54c9e8;
}
.contact-category-error{
    border:1px solid red;
}
.wrapper-dropdown:after { /* Little arrow */
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #fff transparent;
}
.wrapper-dropdown .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
     width: 171px;   
    /* Styles */
    background: #54c9e8;  
    list-style: none;
    transition: all 0.3s ease-out;
    /* Hiding */
    max-height: 0;
    overflow: hidden;
}
.wrapper-dropdown .dropdown li {
    padding: 0 10px ;
    border-bottom: 1px solid #b6dd7a;
    line-height: 2.5;
    width: 171px;   
}
.wrapper-dropdown .dropdown li:last-of-type {
    border: none;
}
/* Hover state */
.wrapper-dropdown .dropdown li:hover {
     background: #52c2e0;
}
/* Active state */
.wrapper-dropdown.active { 
    background: #52c2e0;
    box-shadow: none;
    border-bottom: 1px solid transparent;
    color: #fff;   
}
.wrapper-dropdown.active:after {
    border-color: #fff transparent;
}
.wrapper-dropdown.active .dropdown {
     border-top: 1px solid #b6dd7a;   
    max-height: 400px;
}
/*#endregion*/

.form-button {
    max-width: 226px;
    float: left;
    padding-left: 20px;
    margin-top: 10px;
}
.btn-send{   
    border-radius:3px;
    border:none;     
    background: rgb(229,229,229); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    font-family:texgyreadventor_bold;
    color: #58595b;
    cursor:pointer;
    font-size: 10px;
    text-align: center;
    display: block;
    line-height: 2.3;
    outline:none;
}
.btn-send:hover{
    color:#444447;
}
.form_success_message {
    height: 24px;
    line-height: 24px;
    color: #fff;
    margin-left: 10px;
    font-family: texgyreadventor_regular;
}
.input-validation-error{
    border:1px solid red;
}
.field-validation-error{
    color: #e5e3df;    
    width: 195px;    
    display: inline-block;   
    font-family: texgyreadventor_italic;    
    font-size: 80%;
    letter-spacing: 0.4px;
    height: 22px;
    line-height: 22px;    
    margin-left: 3px;
    margin-bottom: -10px;
}
.contact-left{
    background-color:#e5e3df;
}
#map {
    max-width: 722px;
    height: 825px;
    position: absolute;
}
