/*Reboot*/

*{
    padding: 0;
    margin: 0;
    border: 0;
 }
 *,*::before,*::after{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
 }
 :focus,:active{outline: none;}
 a:focus,a:active{outline: none;}
 nav,footer,header,aside{display: block;}
 html,body{
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
 }
 .btn, button{
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
 }
 
 .btn:focus, button:focus{
   outline: none;
 } 
 a[href^=tel]{
    color: #000;
 }
 input,button,textarea{font-family: inherit;}
 input::-ms-clear{display: none;}
 button{cursor: pointer;}
 button::-moz-focus-inner{padding: 0;border: 0;}
 a,a:visited{text-decoration: none;}
 a:hover{text-decoration: none;}
 img{vertical-align: top;}
 h1,h2,h3,h4,h5,h6{font-size: inherit;font-weight: inherit;}


body {
    max-width: 100%;
    min-width: 320px;
    font-weight: 300;
    font-size: 1.1vw;
    font-family: 'Quattrocento', serif;
    overflow-x: hidden;
}
.li {
    list-style: none;
}

/*---HEADER------------------------------------------------------------------------------------*/

.main_header {
   display: flex;
   width: 100%;
   padding-left: 3.5%;
   padding-right: 3.5%;
   padding-top: 2.7%;
   align-items: center;
}
.logo_header {
   width: 15%;
}
.header_item_one {
   font-size: 1.67vw;
   font-family: 'Kanit', sans-serif;
   font-weight: 500;
   color: #0C5D57;
   line-height: 130%;
   margin-left: 1.8%;
}
.header_item_two {
   margin-left: 5%;
}
.header_item_two_p {
   font-family: 'Kanit', sans-serif;
   font-weight: 275;
   line-height: 140%;
   font-size: 1.3vw;
}
.bold_number_header{
   font-weight: 400;
}
.complain_link{
   color: white;
}
.header_right_button {
   font-family: 'Kanit', sans-serif;
   font-weight: 300;
   padding: 0.78% 2.8% 0.78% 2.8%;
   background-color: #0C5D57;
   color: white;
   margin-left: 11%;
   font-size: 1vw;
   letter-spacing: 0.08vw;
}
.header_right_button:hover{
   background-color: #0e746d;
}
.header_right_button:active{
   background-color: #093a36;
}

/*---TITLE H TEXT-----------*/

.main_title_text{
   padding-left: 3.5%;
   font-size: 1.45vw;
   margin-top: 3.46%;
   line-height: 110%;
}
.under_title_text{
   padding-left: 3.5%;
   font-size: 1.39vw;
   margin-top: 1em;
}

/*---MAIN------------------------------------------------------------------------------------*/

.main_site_block{
   display: flex;
   width: 100%;
   padding-left: 3.5%;
   padding-top: 4.9%;
}


.moved_blocks {
   display: flex;
   width: 100%;
}
.moved_left {
   width: 56%;
}
.moved_right {
   width: 40%;
}
/*---LEFT BLOCK-----------*/

.main_left_block {
   display: block;
   width: 39%;
}
.left_block_title{
   font-size: 1.67vw;
   font-weight: 400;
   line-height: 140%;
   margin-top: 1%;
}
.under_left_title{
   font-family: 'Kanit', sans-serif;
   font-weight: 300;
   font-size: 1.37vw;
   line-height: 150%;
}
.left_block_text{
   font-size: 1.67vw;
   font-family: 'Kanit', sans-serif;
   font-weight: 250;
   line-height: 140%;
   margin-top: 10%;
}
.span_bold{
   font-weight: 400;
}
/*---RIGHT BLOCK-----------*/

.main_right_block {
   display: block;
   width: 61%;
   margin-left: 2%;
}
.right_block_text_title{
   font-family: 'Kanit', sans-serif;
   font-weight: 400;
   font-size: 2.12vw;
   line-height: 130%;
   margin-top: 8%;
   margin-left: 15%;
}
.right_block_list{
   margin-top: 2.2%;
   margin-left: 15%;
}
.list_item{
   display: flex;
   list-style: none;
   line-height: 200%;
   font-size: 1.39vw;
   align-items: center;
}
.list_icon{
   width: 2.4%;
   margin-right: 1.9%;
}
.under_list_text{
   font-size: 1.35vw;
   font-family: 'Kanit', sans-serif;
   font-weight: 275;
   line-height: 150%;
   margin-top: 3%;
}
.text_on_reviews{
   display: flex;
   font-family: 'Kanit', sans-serif;
   font-weight: 250;
   line-height: 130%;
   margin-top: 2%;
}
.contacts_info{
   margin-left: 6%;
}
.bold_contact{
   font-weight: 400;
}

/*---name info REVIEWS---------------*/

.review_name{
   display: flex;
   font-family: 'Kanit', sans-serif;
   font-weight: 400;
   font-size: 1.67vw;
   color: #0C5D57;
   margin-top: 4.3%;
}
.name_line{
   display: flex;
   align-items: center;
   width: 4%;
   margin-right: 1.8%;
}
.text_und_name{
   font-family: 'Kanit', sans-serif;
   font-weight: 250;
   margin-top: 1.5%;
   margin-left: 5.8%;
}
.review_date{
   font-family: 'Kanit', sans-serif;
   font-weight: 275;
   margin-top: 1.5%;
   margin-left: 5.8%;
}

/*---REVIEWS1---------------*/
.wrapper {
   display: flex;
   flex-direction: column;
}
 .xpandable-block {
   height: 7em;
   overflow: hidden;
   order: 1;
}
 .review_text{
   margin-top: 2%;
   font-family: 'Kanit', sans-serif;
   font-weight: 275;
   line-height: 150%;
   margin-left: 5.8%;
}
 .xpand-button {
   order: 0;
}
 input[type="checkbox"] {
   display: none;
}
 input[type="checkbox"]:checked + .xpandable-block {
   height: auto;
}
 label {
   display: flex;
   margin-left: 80%;
   order: 1;
   margin-top: 2%;
   color: #000000;
   font-family: 'Kanit', sans-serif;
   font-weight: 250;
   text-decoration: underline;
   cursor: pointer;
 }
 label:hover{
   color: grey;
 }
/*---REVIEWS 2---------------*/
.wrapper2 {
   display: flex;
   flex-direction: column;
}
 .xpandable-block2 {
   height: 7em;
   overflow: hidden;
   order: 1;
}
 .xpand-button2 {
   order: 0;
}
 input[type="checkbox"] {
   display: none;
}
 input[type="checkbox"]:checked + .xpandable-block2 {
   height: auto;
}
/*---REVIEWS 3---------------*/
.wrapper3 {
   display: flex;
   flex-direction: column;
}
 .xpandable-block3 {
   height: 7em;
   overflow: hidden;
   order: 1;
}
 .xpand-button3 {
   order: 0;
}
 input[type="checkbox"] {
   display: none;
}
 input[type="checkbox"]:checked + .xpandable-block3 {
   height: auto;
}
/*---REVIEWS 4---------------*/
.wrapper4 {
   display: flex;
   flex-direction: column;
}
 .xpandable-block4 {
   height: 7em;
   overflow: hidden;
   order: 1;
}
 .xpand-button4 {
   order: 0;
}
 input[type="checkbox"] {
   display: none;
}
 input[type="checkbox"]:checked + .xpandable-block4 {
   height: auto;
}
/*---REVIEWS 5---------------*/
.wrapper5 {
   display: flex;
   flex-direction: column;
}
 .xpandable-block5 {
   height: 7em;
   overflow: hidden;
   order: 1;
}
 .xpand-button5 {
   order: 0;
}
 input[type="checkbox"] {
   display: none;
}
 input[type="checkbox"]:checked + .xpandable-block5 {
   height: auto;
}
/*---REVIEWS 6---------------*/
.wrapper6 {
   display: flex;
   flex-direction: column;
}
 .xpandable-block6 {
   height: 7em;
   overflow: hidden;
   order: 1;
}
 .xpand-button6 {
   order: 0;
}
 input[type="checkbox"] {
   display: none;
}
 input[type="checkbox"]:checked + .xpandable-block6 {
   height: auto;
}
/*---REVIEWS 7---------------*/
.wrapper7 {
   display: flex;
   flex-direction: column;
}
 .xpandable-block7 {
   height: 7em;
   overflow: hidden;
   order: 1;
}
 .xpand-button7 {
   order: 0;
}
 input[type="checkbox"] {
   display: none;
}
 input[type="checkbox"]:checked + .xpandable-block7 {
   height: auto;
}
/*---REVIEWS 8---------------*/
.wrapper8 {
   display: flex;
   flex-direction: column;
}
 .xpandable-block8 {
   height: 7em;
   overflow: hidden;
   order: 1;
}
 .xpand-button8 {
   order: 0;
}
 input[type="checkbox"] {
   display: none;
}
 input[type="checkbox"]:checked + .xpandable-block8 {
   height: auto;
}
/*---REVIEWS 9---------------*/
.wrapper9 {
   display: flex;
   flex-direction: column;
}
 .xpandable-block9 {
   height: 7em;
   overflow: hidden;
   order: 1;
}
 .xpand-button9 {
   order: 0;
}
 input[type="checkbox"] {
   display: none;
}
 input[type="checkbox"]:checked + .xpandable-block9 {
   height: auto;
}
/*---REVIEWS 10---------------*/
.wrapper10 {
   display: flex;
   flex-direction: column;
}
 .xpandable-block10 {
   height: 7em;
   overflow: hidden;
   order: 1;
}
 .xpand-button10 {
   order: 0;
}
 input[type="checkbox"] {
   display: none;
}
 input[type="checkbox"]:checked + .xpandable-block10 {
   height: auto;
}

/*---REVIEWS 11---------------*/
.wrapper11 {
   display: flex;
   flex-direction: column;
}
 .xpandable-block11 {
   height: 7em;
   overflow: hidden;
   order: 1;
}
 .xpand-button11 {
   order: 0;
}
 input[type="checkbox"] {
   display: none;
}
 input[type="checkbox"]:checked + .xpandable-block11 {
   height: auto;
}

/*---FORM SUBMIT---------------*/

.form_window{
   border: 1px solid #000;
   color: #898989;
   border-color: #C2D6D5;
   padding: 2% 11% 2% 2%;
   margin-top: 4%;
   width: 37%;
}
.form_for_text{
   border: 1px solid #000;
   color: #898989;
   border-color: #C2D6D5;
   padding: 2% 60% 20% 2%;
   margin-top: 4%;
   width: 78.2%;
}
.form_left{
   margin-left: 3.5%;
}
.form_button{
   background-color: #0c5d5800;
   color: #0C5D57;
   border: 1px solid;
   border-color: #0C5D57;
   padding: 1.6% 9% 1.6% 9%;
   font-family: 'Kanit', sans-serif;
   font-weight: 300;
   margin-left: 24.3%;
   margin-top: 4.5%;
   font-size: 1vw;
   letter-spacing: 0.08vw;
}
.form_button:hover{
   background-color: #0C5D57;
   color: white;
}
.form_button:active{
   background-color: #093a367b;
}
.file_the_form{
   font-family: 'Kanit', sans-serif;
   font-weight: 275;
   color: #0C5D57;
   text-decoration: underline;
}
.file_the_form:hover{
   color: #11a69c;
}
/*---FOOTER------------------------------------------------------------------------------------*/

.new_text {
   font-family: 'Kanit', sans-serif;
   font-weight: 400;
   font-size: 1.67vw;
   margin-top: 2.3em;
   padding-bottom: 0.5em;
}
.text_link_new {
   color: #0C5D57;
}