<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.page-contact .title-mail {
  min-height: 33px;
  padding-left: 35px;
  background: transparent url("../img/common/icon_check_list.png") no-repeat left 50%;
}
.page-contact .title-phone {
  padding-left: 35px;
  background: transparent url("../img/common/icon_phone.png") no-repeat left 50%;
}

.page-contact h2 {
  font-size: 18px;
}

.page-contact .page-section h3 {
  color: #3498db;
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: normal;
  border: 0 none;
  background-color: transparent;
}
.page-contact .page-section .table {
  table-layout: fixed;
  border-top: 2px solid #000;
  border-bottom: 0 none;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.page-contact .page-section .table input {
  max-width: 350px;
}
.page-contact .page-section .table textarea {
  max-width: 400px;
}
.page-contact .required {
  display: inline-block;
  margin-bottom: 3px;
  padding: 2px 4px;
  color: #fff;
  background-color: #3498db;
  font-size: 9px;
  font-size: 0.9rem;
}
.page-contact .optional {
  display: inline-block;
  margin-bottom: 3px;
  padding: 2px 4px;
  color: #fff;
  background-color: #777;
  font-size: 9px;
  font-size: 0.9rem;
}
.page-contact .label {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
.page-contact label {
  margin-right: 10px;
}
.page-contact input[type="text"],
.page-contact input[type="mail"],
.page-contact textarea {
  margin: 0 2px 5px;
  background-color: #eaeaea;
  border: 1px solid #d1d1d1;
}
.page-contact input[type="submit"] {
  width: 340px;
  padding: 20px 45px;
  border: 2px solid #3498db;
  text-align: center;
  color: #3498db;
  background: #fff url("../img/common/arrow_circle_blue.png") no-repeat 90% 50%;
  font-size: 18px;
  font-size: 1.8rem;
}
.page-contact .page_back input[type="submit"] {
  background: #fff url("../img/common/arrow_circle_blue_back.png") no-repeat 10% 50%;
}
.page-contact .questions-list &gt; span {
  display: block;
  margin: 0 0 5px;
}
.page-contact .note {
  color: #3498db;
}
.page-contact .error {
  min-height: 16px;
  padding-left: 20px;
  background: transparent url("../img/common/exclamation.png") no-repeat left 50%;
}
.page-contact .privacy-note {
  margin: 60px 0 0;
  padding: 25px 20px;
  border: 1px solid #eaeaea;
  color: #2b2b2b;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
}
.page-contact .privacy-note img{
  position: absolute;
  top: 10px;
  right: 20px;
}
.page-contact .thanks-message-box {
  padding: 30px;
  text-align: center;
  color: #3498db;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2;
  border: 1px solid #3498db;
}
.page-contact .thanks-message-box h3 {
  font-size: 27px;
  font-size: 2.7rem;
  line-height: 1.5;
}

/* contact index */
.page-contact .branches-container {
  padding: 20px 40px;
  background-color: #f7f7f7;
}
.page-contact .branches-container .branches-title {
  margin: 0 0 20px;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.page-contact .branches-container .branches-list .item {
  margin: 0 0 30px;
  padding: 0 0 20px;
  border-bottom: 1px solid #d1d1d1;
}
.page-contact .branches-container .branches-list .item:last-child {
  border-bottom: 0 none;
  margin: 0;
}
.page-contact .branches-container .branches-list .item .branch-name {
  margin: 0 0 15px;
  color: #3498db;
  font-size: 22px;
  font-size: 2.2rem;
}
.page-contact .branches-container .branches-list .item .area-list {
  margin: 0 0 20px;
}
.page-contact .branches-container .branches-list .item .area-list dt {
  display: inline-block;
  padding: 1px 5px;
  color: #fff;
  background-color: #777;
  font-size: 12px;
  font-size: 1.2rem;
}
.page-contact .branches-container .branches-list .item .area-list dd {
  display: inline-block;
  margin: 0 0 0 5px;
  color: #777;
  font-size: 14px;
  font-size: 1.4rem;
}
.page-contact .branches-container .branches-list .item .tel {
  width: 340px;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
}
.page-contact .branches-container .branches-list .item .fax {
  width: 260px;
  margin: 10px 0 0;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}

.page-contact .page_back{
    text-align:center;
    font-size:1.8rem;
    margin:15px;
    }

/* contact form residential */
.page-contact input[type="checkbox"],
.page-contact input[type="radio"] {
  margin-right: 3px;
}
.page-contact .build-info-building,
.page-contact .build-info-year {
  line-height: 2.8;
}
.page-contact label[for="building-1"] {
  line-height: 2;
}
.page-contact label[for="building-2"] {
  line-height: 2;
}
.page-contact label[for="roof-material-1"] {
  display: inline-block;
  width: 100px;
  margin: 0 5px 10px 0;
  padding-top: 100px;
  background: transparent url("../img/contact/roof_material_1.jpg") no-repeat center top;
}
.page-contact label[for="roof-material-2"] {
  display: inline-block;
  width: 100px;
  margin: 0 5px 10px 0;
  padding-top: 100px;
  background: transparent url("../img/contact/roof_material_2.jpg") no-repeat center top;
}
.page-contact label[for="roof-material-3"] {
  display: inline-block;
  width: 100px;
  margin: 0 5px 10px 0;
  padding-top: 100px;
  background: transparent url("../img/contact/roof_material_3.jpg") no-repeat center top;
}
.page-contact label[for="roof-material-4"] {
  display: inline-block;
  width: 100px;
  margin: 0 5px 10px 0;
  padding-top: 100px;
  background: transparent url("../img/contact/roof_material_4.jpg") no-repeat center top;
}
.page-contact label[for="roof-material-5"] {
  display: inline-block;
  width: 100px;
  margin: 0 5px 10px 0;
  padding-top: 100px;
  background: transparent url("../img/contact/roof_material_5.jpg") no-repeat center top;
}
.page-contact label[for="roof-material-6"] {
  display: inline-block;
  width: 100px;
  margin: 0 5px 10px 0;
  padding-top: 100px;
  background: transparent url("../img/contact/roof_material_6.jpg") no-repeat center top;
}
.page-contact label[for="roof-material-7"] {
  display: inline-block;
  width: 100px;
  margin: 0 5px 10px 0;
  padding-top: 100px;
  background: transparent url("../img/contact/roof_material_7.jpg") no-repeat center top;
}
.page-contact label[for="roof-material-8"] {
  display: block;
  margin: 0 0 10px;
}
.page-contact label[for="roof-material-9"] {
  display: block;
  margin: 0 0 10px;
}
.page-contact label[for="roof-shape-1"] {
  display: inline-block;
  width: 80px;
  margin: 0 5px 10px 0;
  padding-top: 65px;
  background: transparent url("../img/contact/roof_shape_1.jpg") no-repeat left top;
}
.page-contact label[for="roof-shape-2"] {
  display: inline-block;
  width: 80px;
  margin: 0 5px 10px 0;
  padding-top: 65px;
  background: transparent url("../img/contact/roof_shape_2.jpg") no-repeat left top;
}
.page-contact label[for="roof-shape-3"] {
  display: inline-block;
  width: 80px;
  margin: 0 5px 10px 0;
  padding-top: 65px;
  background: transparent url("../img/contact/roof_shape_3.jpg") no-repeat left top;
}
.page-contact label[for="roof-shape-4"] {
  display: inline-block;
  width: 80px;
  margin: 0 5px 10px 0;
  padding-top: 65px;
  background: transparent url("../img/contact/roof_shape_4.jpg") no-repeat left top;
}

/* contact form fit */
.page-contact label[for="place-fit-1"] {
  display: inline-block;
  width: 230px;
  margin: 0 auto;
  text-align: center;
  padding: 25px 0px;
}

.page-contact label[for="place-fit-2"] {
  display: inline-block;
  width: 230px;
  margin: 0 auto;
  border-left: #999 1px solid;
  padding: 25px 0px;
  text-align: center;
}

.page-contact label[for="place-fit-3"] {
  display: inline-block;
  width: 230px;
  margin: 0 auto;
  border-left: #999 1px solid;
  padding: 25px 0px;
  text-align: center;
}


/* contact form industrial */
.page-contact label[for="place-condition-1"] {
  display: inline-block;
  width: 100px;
  margin: 0 5px 10px 0;
  padding-top: 100px;
  background: transparent url("../img/contact/place_condition_1.jpg") no-repeat left top;
}
.page-contact label[for="place-condition-2"] {
  display: inline-block;
  width: 100px;
  margin: 0 5px 10px 0;
  padding-top: 100px;
  background: transparent url("../img/contact/place_condition_2.jpg") no-repeat left top;
}
.page-contact label[for="place-condition-3"] {
  display: inline-block;
  width: 100px;
  margin: 0 5px 10px 0;
  padding-top: 100px;
  background: transparent url("../img/contact/place_condition_3.jpg") no-repeat left top;
}
.page-contact label[for="place-condition-4"] {
  display: inline-block;
  width: 100px;
  margin: 0 5px 10px 0;
  padding-top: 100px;
  background: transparent url("../img/contact/place_condition_4.jpg") no-repeat left top;
}
.page-contact label[for="place-height-1"] {
  display: block;
  margin: 0 0 10px;
}
.page-contact label[for="place-height-2"] {
  display: block;
  margin: 0 0 10px;
}
.page-contact label[for="place-height-3"] {
  display: block;
  margin: 0 0 10px;
}
.page-contact label[for="place-far-from-sea-1"] {
  display: block;
  margin: 0 0 10px;
}
.page-contact label[for="place-far-from-sea-2"] {
  display: block;
  margin: 0 0 10px;
}
.page-contact label[for="place-far-from-sea-3"] {
  display: block;
  margin: 0 0 10px;
}
.page-contact label[for="capacity-1"] {
  display: inline-block;
  width: 200px;
  margin: 0 5px 10px 0;
}
.page-contact label[for="capacity-2"] {
  display: inline-block;
  width: 200px;
  margin: 0 5px 10px 0;
}
.page-contact label[for="capacity-3"] {
  display: inline-block;
  width: 200px;
  margin: 0 5px 10px 0;
}
.page-contact label[for="capacity-4"] {
  display: inline-block;
  width: 200px;
  margin: 0 5px 10px 0;
}
.page-contact label[for="capacity-5"] {
  display: inline-block;
  width: 200px;
  margin: 0 5px 10px 0;
}
.page-contact label[for="capacity-6"] {
  display: inline-block;
  width: 200px;
  margin: 0 5px 10px 0;
}
.page-contact label[for="power-type-1"] {
  display: inline-block;
  width: 200px;
  margin: 0 5px 10px 0;
}
.page-contact label[for="power-type-2"] {
  display: inline-block;
  width: 200px;
  margin: 0 5px 10px 0;
}
.page-contact label[for="power-type-3"] {
  display: inline-block;
  width: 200px;
  margin: 0 5px 10px 0;
}
.page-contact label[for="power-type-4"] {
  display: inline-block;
  width: 200px;
  margin: 0 5px 10px 0;
}
.page-contact label[for="budget-1"] {
  display: inline-block;
  width: 200px;
  margin: 0 5px 10px 0;
}
.page-contact label[for="budget-2"] {
  display: inline-block;
  width: 200px;
  margin: 0 5px 10px 0;
}
.page-contact label[for="budget-3"] {
  display: inline-block;
  width: 200px;
  margin: 0 5px 10px 0;
}
.page-contact label[for="budget-4"] {
  display: inline-block;
  width: 200px;
  margin: 0 5px 10px 0;
}
.page-contact label[for="budget-5"] {
  display: inline-block;
  width: 200px;
  margin: 0 5px 10px 0;
}
.page-contact label[for="budget-6"] {
  display: inline-block;
  width: 200px;
  margin: 0 5px 10px 0;
}

/* contact form inquiry */
.page-contact label[for="data-request-1"] {
  display: block;
  margin: 0 0 10px;
}
.page-contact label[for="data-request-2"] {
  display: block;
  margin: 0 0 10px;
}
.page-contact label[for="data-request-3"] {
  display: block;
  margin: 0 0 10px;
}



table.brwsr1 {
    font-size: 12px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
}
 
table.brwsr1 th {
    padding: 12px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
    color: #fff;
}
 
table.brwsr1 td {
    padding: 12px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
    font-size: 11px;
}
 
table.brwsr1 th.r1 {
    width: 16%;
    border-right: #999 1px solid;
    background: #447791;
}
 
table.brwsr1 th.r2 {
    width: 28%;
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #447791;
}

table.brwsr1 td.r2 {
    width: 28%;
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #5893b1;
}
 
table.brwsr1 th.r2,
table.brwsr1 th.r3,
table.brwsr1 th.r4 {
    text-align: center;
}
 
table.brwsr1 th.r3,
table.brwsr1 td.r3 {
    width: 28%;
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #7cacc2;
}
 
table.brwsr1 th.r4,
table.brwsr1 td.r4 {
    width: 28%;
    border-left: #fff 1px solid;
    background: #a0c2d3;
}



</pre></body></html>