@chaset="UTF-8";

@media screen and (max-width: 980px){
    #sec-formcontact{width: 100% !important;}
    #sec-contactlist{width: 100%;}
    #sec-contactlist h3{font-size: 18px !important;}
}

@media screen and (max-width: 600px){
    ._field{display: block; width: 100% !important;}
}

._sectitle{
    display: block;
    font-family: 'Gotham Narrow Bold', sans-serif;
    font-size: 36px;
    font-weight: 100;
    margin: auto;
    width: 100%;
    padding: 20px 10px 5px 10px;
    text-align: left;
}

._sectitlecolor{color:#896AAE;}

#formcontent{
    background-color: #FFFFFF;
    position: relative;
    width: 100%;
}

#formdiv{
    background-color: #FFFFFF;
    margin: auto;
    max-width: 960px;
    text-align: left;
    white-space: normal;
}

#sec-formcontact{
    background-color: #FFFFFF;
    box-sizing: border-box;
    display:inline-block;
    padding: 0px 10px 20px 10px;
    position: relative;
    text-align: justify;
    width: calc(100% - 260px);
    white-space: normal;
}

input{
    border: solid 1px #AAAAAA;
}

._desc{
    color: #6A6A6A;
    font-family: 'Gotham Book Regular', sans-serif;
    font-size: 16px;
    padding-bottom: 10px;
}

._label{
    color:#222222; 
    display:inline-block;
    font-family: 'Gotham Book Regular', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600; 
    line-height: 26px;
    width: 80px;
}

._labeltop{
    vertical-align: top;
}

._field{
    border: solid 1px #111111;
    color: #222222;
    font-family: 'Gotham Book Regular', sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
}

._inputedt{
    height: 26px;
    width: 300px;
}

._inputcmb{
    height: 26px;
    width: 200px;
}

._inputtxt{

}

._frmbnt{
    background: #f5f5f5;
    margin-right: 10px;
    padding: 5px 25px;
    border: solid 1px #ccc;
    border-radius: 2px;
    color: 000000;
    font-size: 13px;
    font-family: Helvetica, sans-serif;
    font-weight: 600;
    text-decoration: none;
    vertical-align: middle;
    transition: box-shadow 0.3s
}

._frmbnt:hover{
    box-shadow: 3px 5px 6px #d1cfd1;
}

._frmbnt:active {
   background: #B5B5B5;
   box-shadow: 1px 3px 3px #d1cfd1;
   color: #DDDDDD;
    transition: box-shadow 0s
}


#sec-contactlist{
    background-color: #FFFFFF;
    box-sizing: border-box;
    color:#222222;
    display:inline-block;
    min-width: 220px;
    vertical-align: top;
    padding: 0px 10px 0px 10px;
}

#sec-contactlist h3{
    background-color: #E2E2E2; 
    display: block;
    font-family: 'Gotham Book Regular', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px 10px 5px 10px;
    text-align: left;
}

._telcard{
    border-bottom: solid 1px #E2E2E2;
    padding-bottom: 10px;
}

._contactlbl{
    color: #000000;
    display: block;
    font-family: 'Gotham Book Regular', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600; 
    margin-bottom: 5px;
    padding: 0px 0px 0px 10px;
    text-align: left;
}

._contactnum{
    color: #444444;
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600; 
    margin-bottom: 5px;
    padding-left: 20px;
    text-align: left;
}

#feedcontent{
    background-color: #FFFFFF;
    position: relative;
    width: 100%;
}

#feeddiv{
    color: #222222;
    background-color: #FFFFFF;
    font-family: 'Gotham Book Regular', sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: bold; 
    margin: auto;
    max-width: 960px;
    padding: 150px;
    text-align: center;
    white-space: normal;
}