@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face { font-family: 'Meiryo-Bold'; src: url('../css/fonts/Meiryo-Bold.eot?#iefix') format('embedded-opentype'), url('../css/fonts/Meiryo-Bold.woff') format('woff'), url('../css/fonts/Meiryo-Bold.ttf') format('truetype'), url('../css/fonts/Meiryo-Bold.svg#Meiryo-Bold') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Meiryo-Regular'; src: url('../css/fonts/Meiryo.eot?#iefix') format('embedded-opentype'), url('../css/fonts/Meiryo.woff') format('woff'), url('../css/fonts/Meiryo.ttf') format('truetype'), url('../css/fonts/Meiryo.svg#Meiryo') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'TsukuARdGothic-Bold'; src: url('../css/fonts/TsukuARdGothic-Bold.eot?#iefix') format('embedded-opentype'), url('../css/fonts/TsukuARdGothic-Bold.woff') format('woff'), url('../css/fonts/TsukuARdGothic-Bold.ttf') format('truetype'), url('../css/fonts/TsukuARdGothic-Bold.svg#TsukuARdGothic-Bold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'TsukuARdGothic-Regular'; src: url('../css/fonts/TsukuARdGothic-Regular.eot?#iefix') format('embedded-opentype'), url('../css/fonts/TsukuARdGothic-Regular.woff') format('woff'), url('../css/fonts/TsukuARdGothic-Regular.ttf') format('truetype'), url('../css/fonts/TsukuARdGothic-Regular.svg#TsukuARdGothic-Regular') format('svg'); font-weight: normal; font-style: normal; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.btn, a, .btn:hover {-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; color: #F4979F;}
.btn:hover, .btn:focus, .btn.focus {color: #fff;}
::selection { background: #781c17; color: #FFF; text-shadow: none; } ::-moz-selection { background: #781c17; /* Firefox */ color: #FFF; text-shadow: none; } ::-webkit-selection { background: #781c17; /* Safari */ color: #FFF; text-shadow: none; }
html {width: 100%; height: 100%; position: relative;}
body {width: 100%; height: 100%;background-color: #fff; font-family: 'Meiryo-Regular', sans-serif; line-height: 1.8em; font-size: 14px; position: relative;
-webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale; color: #3a3a3a;}
.btn-link {color: #3a3a3a; word-break: normal; word-break: break-all; word-break: keep-all;} .btn-link:hover {color: #D23D44; text-decoration: underline;}
h1, h2, h3, h4, h5, h6 {font-family: HiraMinPro-W6-AlphaNum, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; color: #402637; }
a:hover, a:focus { text-decoration: none; color: #781c17;}
h2 {font-size: 22px;} h3 {font-size: 20px;} .mt5 {margin-top: 5px;} .mb0 {margin-bottom: 0;}
.mb60 {margin-bottom: 60px;} .mt30 {margin-top: 30px;} .mb30 {margin-bottom: 30px;} .mt15 {margin-top: 15px;} .w135 {width: 135px;} .red {color: #ec1d25;} .brown {color: #a77b25;} .purple {color: #c6046d;}
.pl0 {padding-left: 0;} .pr0 {padding-right: 0;} .mh400 {min-height: 400px;} .pad0 {padding-right: 0; padding-left: 0;} .mb200 {margin-bottom: 200px;}
.mt70 {margin-top: 70px !important;} .mt60 {margin-top: 60px;} .mt120 {margin-top: 120px;} .mt0 {margin-top: 0 !important;} .mt106 {margin-top: 106px;}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.container .aligncenter { display: block; margin: 0 auto; }

#page {height: 100%;}
section {padding: 30px 0;}
.display_table {
    display: table;
    width: 100%;
}
.table_content {
    display: table-cell;
    vertical-align: middle;
}
.navbar-default {
  background: #781c17;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding-left: 25px;
  padding-right: 25px;
}
.nav_top {
  background: #fff;
  padding: 15px 0;
}
.nav_top p {margin-bottom: 0;}

.navbar-brand {
  width: 300px;
  background-image: url("https://chronicle.propolifevietnam.com/wp-content/uploads/2019/06/logo-propolifevietnam.png");
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  display: block;
  text-indent: -99999px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background: #FFF1C1;
  color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #808B97;
  background: #FFF1C1;
}
.navbar-default .navbar-nav > li a:hover:after {
  width: 100%;
}
.dropdown-menu {
  box-shadow: none;
  border: none;
  border-radius: 0;
  min-width: 228px;
  padding: 0;
}
.dropdown-menu > li > a {
  padding: 15px;
  font-size: 14px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background: #FFF1C1;
  color: #808B97;
}
.i_call {
  background: url('../images/i_call.svg') no-repeat;
  width: 32px;
  height: 32px;
  margin-right: 5px;
  display: inline-block;
  position: relative;
  top: -10px;
}
.i_arrow_right {
  background: url('../images/i_arrow_right.svg') no-repeat;
  width: 28px;
  height: 28px;
  margin-left: 5px;
  display: inline-block;
}
.i_arrow_top {
   background: url('../images/i_arrow_top.svg') no-repeat;
    width: 25px;
    height: 18px;
    display: inline-block;
}
footer {
  color: #fff;
}
footer p {
  margin-bottom: 0;
  font-size: 12px;
  text-align: center;
}
.footer_top {
  background: #FBFBFB;
  padding: 30px 0;
  color: #808B97;
}
.footer_bottom {
  background: #781c17;
  padding: 30px 0;
}
.footer_bottom p {
  margin-top: 15px;
}
.logo_footer {
  margin-top: 15px;
}
.col_footer_bottom {
  padding-left: 5px;
  padding-right: 5px;
}
ul.list_topmenu {
  padding-left: 0;
  margin: 0;
  list-style: none;
}
ul.list_topmenu li {
  display: inline-block;
  margin-right: 30px;
}
.btnWeb {
  color: #808B97;
  background: #FFF1C1;
  border-radius: 3px;
  text-transform: uppercase;
  font-family : Tsukushi A Round Gothic;
  font-weight : bold;
  font-size : 16px;
  line-height : 19px;
}
.btnWeb:hover {
  background: #781c17;
  color: #fff;
}
.btnWeb span {
  display: inline-block;
  position: relative;
  top: -5px;
}
ul.list_topmenu li p span {
  display: inline-block;
}
ul.list_topmenu li:first-child {
  margin-right: 30px;
}
ul.list_topmenu li:last-child {
  margin-right: 0;
}
.specialize, .call {
  font-family : 'Tsukushi A Round Gothic';
  font-weight : bold;
  font-size : 14px;
  line-height : 21px;
  color : #808080;
}
.call {
  border-left: 1px solid #F2F2F2;
  padding-left: 15px;
}
.call a {
  color: #F4979F;
}
#menuwrap {
  position: relative;
}
#content {
  position: relative;
  margin-bottom: 30px;
}
#menu.fixed {
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
}

/* Back to top */
.back_to_top {
  visibility: hidden;
  background-color: #EBEBEB;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 58px;
  position: fixed;
  bottom: 65px;
  right: 35px;
  z-index: 90;
  cursor: pointer;
  border-radius: 1px;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transition: all .6s
}

.back_to_top .fa {
  font-size: 18px;
  color: #fff;
  vertical-align: middle;
}

.back_to_top:hover {
  background-color: #009AAC;
  opacity: 1
}

.back_to_top.show {
  visibility: visible;
  bottom: 35px;
  opacity: 1;
}

/*banner*/
.banner {
  overflow: hidden;
}
.banner .image_pattern {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 0 0;
  background-repeat: repeat;
  z-index: 2;
  background-image: url('../images/pattern.png');
}
.banner, .banner_sub {
  padding: 0;
}
.banner_sub .swiper-container {
  width: 100%;
  height: 210px;
  background: #000;
}
.banner .swiper-container {
  width: 100%;
  height: auto;
  background: #000;
}
.banner .swiper-slide, .banner_sub .swiper-slide {
  font-size: 18px;
  color:#fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.3);
}
.swiper_staff .swiper-slide:hover img {
  opacity: 0.8;
  -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
}
.parallax-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 130%;
  height: 500px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}
.banner .swiper-slide .title, .banner_sub .swiper-slide .title {
  font-size: 30px;
  line-height: 1.3em;
  font-weight: 900;
  color: #fff;
  margin-bottom: 30px;
  margin-top: 100px;
  text-align: center;
}
.banner .swiper-slide .subtitle, .banner_sub .swiper-slide .subtitle {
  font-size: 21px;
  color: #fff;
  margin-bottom: 15px;
  text-align: center;
}
.banner .swiper-slide .text, .banner_sub .swiper-slide .text {
  font-size: 18px;
  max-width: 600px;
  line-height: 1.3;
  color: #fff;
  font-family: 'TsukuARdGothic-Regular';
  margin: 0 auto;
  text-align: center;
}
.img {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.about_item:hover .img:after, .service_item:hover .img:after {
  opacity: .7;
  top: 0;
}

.box_right h3.title_small {
  font-weight : bold;
  font-size : 17px;
  line-height : 30px;
  color : #781c17;
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 5px;
}
.box_right a {
  display: block;
  margin-bottom: 15px;
}
.box_right img {
  width: 100%;
}
.box_left {
  margin-bottom: 60px;
}
.box_left h2 {
  font-size : 22px;
  line-height : 30px;
  color : #781c17;
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 5px;
  margin-bottom: 30px;
}
.box_content_right {
  background: #fff;
  padding: 30px 30px 30px 0;
  position: relative;
}

.box_left h3 {
  font-weight : bold;
  font-size : 18px;
  line-height : 30px;
  margin-top: 0;
}
.box_left h3 a {
  color : #781c17;
}
.box_left h3:hover a {
  color: #F4979F;
}

.box_content_top {
  position: relative;
  z-index  top: -60px;
  left: 30px;
  right: 30px;
  bottom: 0;
  padding: 15px;
  background: #fff;
  width: 86%;
}
.btnMore {
  background: url('data:image/svg+xml, %3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%209.3%22%20style%3D%22enable-background%3Anew%200%200%2032%209.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text/css%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23009AAC%3B%7D%0A%3C/style%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M27.4%2C9.3L32%2C4.8c0-0.1%2C0-0.1%2C0-0.2L27.4%2C0c0-0.1-0.1-0.1-0.1%2C0l-0.6%2C0.6l3.6%2C3.6H0.5C0.3%2C4.2%2C0%2C4.4%2C0%2C4.7%0A%09C0%2C5%2C0.3%2C5.2%2C0.5%2C5.2h29.7l-3.5%2C3.5l0.6%2C0.6C27.4%2C9.3%2C27.4%2C9.3%2C27.4%2C9.3L27.4%2C9.3z%22/%3E%0A%3C/svg%3E') no-repeat;
  display: inherit;
}
.btnMore:hover {
  background: url('data:image/svg+xml, %3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%209.3%22%20style%3D%22enable-background%3Anew%200%200%2032%209.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text/css%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23F4979F%3B%7D%0A%3C/style%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M27.4%2C9.3L32%2C4.8c0-0.1%2C0-0.1%2C0-0.2L27.4%2C0c0-0.1-0.1-0.1-0.1%2C0l-0.6%2C0.6l3.6%2C3.6H0.5C0.3%2C4.2%2C0%2C4.4%2C0%2C4.7%0A%09C0%2C5%2C0.3%2C5.2%2C0.5%2C5.2h29.7l-3.5%2C3.5l0.6%2C0.6C27.4%2C9.3%2C27.4%2C9.3%2C27.4%2C9.3L27.4%2C9.3z%22/%3E%0A%3C/svg%3E%0A') no-repeat;
}
.main_content {
  padding: 40px 0;
}
.main_content h3 {
  font-size: 28px;
  line-height: 1.5em;
  padding-bottom: 5px;
  margin-bottom: 0;
}
.main_content .title_sub {
  font-size: 30px;
  line-height: 1.5em;
  padding-bottom: 5px;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
}
.main_content .title_sub:after {
  content: "";
  display: block;
  background: #781c17;
  width: 40px;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -5px;
  margin: 0 auto;
}
.banner_sub .swiper-slide .title {
  margin-top: 80px;
}
.attraction_row:first-child {
  margin-top: 30px;
}
.attraction_row {
  margin-bottom: 60px;
}
.draw {
  background: none;
  border: 0;
  box-sizing: border-box;
  padding: 15px;
  box-shadow: inset 0 0 0 2px #f1f1f1;
  color: #3a3a3a;
  position: relative;
  vertical-align: middle;
  border-radius: 0;
  min-height: 275px;
}
.draw::before, .draw::after {
  box-sizing: inherit;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}

.draw {
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}
.draw::before, .draw::after {
  border: 2px solid transparent;
  width: 0;
  height: 0;
}
.draw::before {
  top: 0;
  left: 0;
}
.draw::after {
  bottom: 0;
  right: 0;
}

.draw:hover::before, .draw:hover::after {
  width: 100%;
  height: 100%;
}
.draw:hover::before {
  border-top-color: #F7B633;
  border-right-color: #F7B633;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.draw:hover::after {
  border-bottom-color: #F7B633;
  border-left-color: #F7B633;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}


html i, html em,
html b, html strong,
html span {
  -webkit-transition: none;
  transition: none;
}

.btn-0:before,
.btn-0:after {
  z-index: -1;
  box-sizing: border-box;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

[class^="btn-"] {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 80px;
  line-height: 80px;
  max-width: 340px;
  margin: 1rem auto;
  text-transform: uppercase;
  border: 1px solid currentColor;
}

.btn-0 {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  background: #F4979F;
}
.btn-0:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F4979F;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.btn-0:hover {
  color: #fff;
  background-color: #009AAC;
}
.btn-0:hover:before {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.w_btnInquiry {
  margin-top: 30px;
  margin-bottom: 30px;
  clear: both;
}
.section_contact {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 30px;
}
.section_contact p {
  color: #3E3E3E;
  font-size: 18px;
  font-family: 'TsukuARdGothic-Bold';
  font-weight: normal;
  margin-bottom: 0;
}
.content_underpages h4 {
  margin: 15px 0;
  line-height: 1.5em;
  font-size: 20px;
}
.content_underpages h5 {
  margin: 15px 0;
  line-height: 1.5em;
  font-size: 16px;
}
.img_center {
  text-align: center;
}
.img_center img {
  margin: 30px auto;
}
.phoneNumber {
  text-align: right;
}

.main_info img {
  margin: 0 auto 15px;
}
.img_center {
  margin: 0 auto 15px;
}
.swiper_staff {
  /* border: 1px solid #eee;
  padding: 15px; */
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper_staff .swiper-slide, .banner .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.box_about {
  border: 1px solid #009AAC;
  background: #B9E1DC;
  padding: 30px;
  margin: 30px 0;
}
h3.title_sub {
  font-size: 24px;
  padding-bottom: 10px;
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
  padding: 10px;
  line-height: 1.8em;
  vertical-align: middle;
}
.table_about > thead > tr > th {
  vertical-align: middle;
  border-bottom: none;
  background: #eee;
  padding: 30px 15px;
}
.table_about > thead > tr > th > p {
  margin-bottom: 0;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
  padding: 15px;
}
.table_about tr td p {
  line-height: 1.8em;
}
.bread_crumb {
  padding: 0;
  background: #f5f5f5;
}
.breadcrumb {
  background: transparent;
  margin-bottom: 0;
  padding: 15px 0;
}
.breadcrumb li a {
  color: #3a3a3a;
}
.recruitment_page img {
  margin: 30px auto 15px;
}
.gray {
  color: #666666;
}
.table_recruitment {
  margin-top: 50px;
}
.panel-default > .panel-heading {
  padding: 15px 15px 13px;
}
.panel-heading {
  border-radius: 0;
}
.panel {
  border-radius: 0;
  box-shadow: none;
}

.box_right .panel{
  overflow-y: auto;
  height: 500px;
  width: 100%
}

.panel-default .panel-body .datetime{
  text-align: right; 
  font-size:0.7em;
  margin: -10px 0;
}

.info_staff {
  text-align: center;
  border:1px solid rgba(0,0,0,0.07);
  padding: 30px 15px;
  margin-bottom: 80px;
}
.info_staff p {
  margin-bottom: 0;
  font-size: 14px;
  min-height: 75px;
}
.info_staff img {
  margin: 0 auto;
  height: 256px;
  object-fit: cover;s
}
.info_staff h4 {
  margin: 30px 0 15px;
  font-weight: bold;
  color: #009AAC;
}
.box_info_staff h2 {
  border-color: #78B7BB;
  margin-top: 0;
}
.box_info_staff {
  padding: 30px;
  border: 1px solid #FFE1B6;
  background: #F9F8EB;
}

/* Contact page */
.frm_contact .form-control{
  height: 42px;
  line-height: 1.5em;
  border-radius: 0;
  box-shadow: none;
}
.frm_contact textarea.form-control {
  height: auto;
}
.btnSend {
  background: #F4979F;
  padding: 12px 30px 10px;
  border-radius: 0;
  color: #fff;
  margin: 0 auto 60px;
  display: block;
  min-width: 200px;
}
.btnSend:hover {
  background: #009AAC;
}

/*menu custom*/
.navbar-nav:not(.sm-collapsible) ul .caret {
  position: absolute;
  right: 0;
  margin-right: 15px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px dashed;
}
.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
  padding-right: 30px;
}
/* make sub menu arrows look like +/- buttons in collapsible mode */
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
  position: absolute;
  right: 0;
  top: 10px;
  margin: -3px 15px 0 0;
  padding: 0;
  width: 32px;
  height: 26px;
  line-height: 24px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
}
.navbar-nav.sm-collapsible .caret:before {
  content: '+';
  font-family: monospace;
  font-weight: bold;
}
.navbar-nav.sm-collapsible .open > a > .caret:before {
  content: '-';
}
.navbar-nav.sm-collapsible a.has-submenu {
  /* padding-right: 50px; */
}
/* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
  position: static;
  margin: 0 0 0 2px;
  padding: 0;
  width: 0;
  height: 0;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-bottom: 0;
  border-left: 4px solid transparent;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
  content: '' !important;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
  padding-right: 15px;
}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
  position: absolute;
  display: none;
  visibility: hidden;
  height: 20px;
  overflow: hidden;
  text-align: center;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-top: 7px dashed transparent;
  border-right: 7px dashed transparent;
  border-bottom: 7px solid;
  border-left: 7px dashed transparent;
}
.navbar-nav span.scroll-down-arrow {
  top: 6px;
  border-top: 7px solid;
  border-right: 7px dashed transparent;
  border-bottom: 7px dashed transparent;
  border-left: 7px dashed transparent;
}
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
  padding-left: 35px;
}
.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
  padding-left: 45px;
}
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
  padding-left: 55px;
}
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
  padding-left: 65px;
}
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
.navbar-nav .dropdown-menu > li > a {
  white-space: normal;
}
.navbar-nav ul.sm-nowrap > li > a {
  white-space: nowrap;
}
.navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
  white-space: normal;
}
/* fix .navbar-right subs alignment */
.navbar-right ul.dropdown-menu {
  left: 0;
  right: auto;
}

/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('../images/ico.gif') center no-repeat #fff;
}
.box_info_general {
  padding-bottom: 30px;
  border-bottom: 1px solid #f5f5f5;
}
.box_info_general img {
  margin-bottom: 30px;
  float: left;
  margin-right: 30px;
}
.box_info_general h3 {
  
}
.box_top_info {
  padding-bottom: 30px;
  border-bottom: 1px solid #f5f5f5;
}
.box_top_info h3 {
  border: none;
  margin-bottom: 0;
}
.box_top_info h3:after {
  display: none;
}
.box_top_info img {
  float: left;
  
  
}
.box_top_content {
  float: left;

}
.aside_list {
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
aside {
  padding: 15px 0;
  background: #fff;
}
aside h4 {
  padding: 0 0 15px;
  color: #444;
  margin-bottom: 0;
}

aside h4:after {
    content: "";
    display: block;
    background: #781c17;
    width: 40px;
    height: 2px;
    margin-top: 10px;
}
aside ul {
  padding: 0;
  list-style: none;
  margin-bottom: 30px;
}
aside ul:last-child {
  margin-bottom: 0;
}
aside ul li a {
  color: #999;
  display: inline-block;
  padding: 10px 15px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  background: #f5f5f5;
}
aside ul li.active a {
  background: #781c17;
  color: #fff;
}
aside ul li a span {
  font-weight: bold;
}
aside ul li:hover a {
  background: #781c17;
  color: #fff;
}
.construction_cases_item {
  margin-bottom: 30px;
}
.construction_cases_item .view {
  height: 170px;
  overflow: hidden;
}
.show_text h5 {
  margin: 0;
  text-align: center;
}
.show_text h5 a {
  color: #333;
  background: #eee;
  font-weight: bold;
  padding: 30px 15px;
  display: block;
  min-height: 90px;
}
.show_text h5:hover a {
  background: #FFF1C1;
}
figure.snip1205 {
  position: relative;
  overflow: hidden;
  height: 230px;
  width: 100%;
  text-align: center;
}
figure.snip1205 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; */
}
figure.snip1205 img {
  max-width: 100%;
  vertical-align: top;
  height: auto;
  margin: auto;
}
figure.snip1205 i {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  font-size: 18px;
  color: #000000;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
figure.snip1205 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1205.blue {
  background-color: #ccc;
}
figure.snip1205.blue i {
  color: #781c17;
}
figure.snip1205:hover img,
figure.snip1205.hover img {
  opacity: 0.3;
  /* -webkit-filter: grayscale(100%);
  filter: grayscale(100%); */
}
figure.snip1205:hover i,
figure.snip1205.hover i {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.interior_work {
  background: #781c17;
  padding-top: 90px;
  padding-bottom: 90px;
  margin-top: 60px;
  text-align: center;
  color: #fff;
}
.interior_work h3 {
  color: #fff;
  margin-top: 0;
  font-size: 30px;
}
.interior_work h3:after, .services h3:after, .sales_service h3:after {
  position: absolute;
  left: 48%;
  background: #fff;
}
.interior_work h4 {
  color: #FFF1C1;
  margin-bottom: 30px;
}

.gallery_interior_work {
  padding-top: 90px;
  padding-bottom: 60px;
}
.services {
  background: #781c17;
  color: #fff;
  padding-top: 90px;
  padding-bottom: 90px;
  text-align: center;
}
.services h3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 50px;
}
.services h4 {
  color: #FFF1C1;
  font-size: 20px;
}
.swiper_gallery_interior_work img:hover {
  opacity: 0.8;
}
.services_item img {
  height: 94px;
  margin: 0 auto 20px;
}
.sales_service {
  background: #3E333F;
  color: #fff;
  padding-bottom: 30px;
}
.sales_service h3 {
  color: #fff;
  font-size: 30px;
  margin-bottom: 30px;
}
.sales_service h4 {
  line-height: 1.5em;
  color: #fff;
  position: relative;
}
.sales_service h5 {
  line-height: 1.5em;
  color: #fff;
  font-size: 18px;
}
.sales_service h4:before {
  content: '\201C';
  font-family: 'Georgia';
  font-style: italic;
  font-size: 288px;
  position: absolute;
  line-height: 1em;
  opacity: .4;
  top: -64px;
  left: -54px;
  text-align: left;
  width: 175px;
  font-weight: 600;
}
.swiper_sales_service {
  margin: 30px 0;
}
.swiper_sales_service img {
  width: 165px;
  height: 165px;
  margin: 0 auto;
}
.swiper_sales_service img:hover {
  opacity: 0.8;
}

.gal {
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;  
}
.gal img { 
  width: 100%; 
  padding: 7px 0;
}
.gal img:hover {
  opacity: 0.8;
}

.proposal {
  background: url('../images/office-bg.jpg') no-repeat top center fixed;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 60px 0;
}
.proposal h3, .contract_construction h3 {
  font-size: 30px;
  color: #fff;
}
.proposal h4 {
  font-size: 20px;
  line-height: 1.5em;
  color: #fff;
  margin-bottom: 30px;
}
.contract_construction {
  background: #808B97;
  margin-top: 0;
  padding: 60px 0;  
}
.contract_construction_box {
  position: relative;
  background: #FFDD93;
  text-align: center;
  padding: 15px;
  margin-bottom: 30px;
  min-height: 200px;
}
.contract_construction_box:before {
  position: absolute;
  top: 10px;
  right: 10px;
  left: 10px;
  bottom: 10px;
  border: 2px solid #FFDD93;
  width: 100%;
  height: 100%;
  content: '';
}
.contract_construction h3 {
  margin-bottom: 30px;
}
.contract_construction h4 {
  font-size: 25px;  
}

#timeline .timeline-item:after, header:before, #timeline .timeline-item:before {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}
#timeline {
  width: 100%;
  margin: 30px auto;
  position: relative;
  padding: 0 10px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#timeline:before {
  content: "";
  width: 3px;
  height: 100%;
  background: #781c17;
  left: 50%;
  top: 0;
  position: absolute;
}
#timeline:after {
  content: "";
  clear: both;
  display: table;
  width: 100%;
}
#timeline .timeline-item {
  margin-bottom: 50px;
  position: relative;
}
#timeline .timeline-item .timeline-icon {
  background: #781c17;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  margin-left: -23px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#timeline .timeline-item .timeline-icon svg {
  position: relative;
  top: 14px;
  left: 14px;
}
#timeline .timeline-item .timeline-content {
  width: 45%;
  background: #fff;
  padding: 20px;
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#timeline .timeline-item .timeline-content h2 {
  padding: 15px;
  background: #781c17;
  color: #fff;
  margin: -20px -20px 0 -20px;
  font-weight: 300;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#timeline .timeline-item .timeline-content:before {
  content: '';
  position: absolute;
  left: 45%;
  top: 20px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #781c17;
}
#timeline .timeline-item .timeline-content.right {
  float: right;
}
#timeline .timeline-item .timeline-content.right:before {
  content: '';
  right: 45%;
  left: inherit;
  border-left: 0;
  border-right: 7px solid #781c17;
}
#timeline .timeline-content p {
  margin-top: 15px;
}
#timeline .timeline-item .timeline-icon {
  text-align: center;
  color: #fff;
  font-size: 20px;
  padding-top: 15px;
}

@media screen and (max-width: 768px) {
  #timeline {
    margin: 30px;
    padding: 0px;
    width: 90%;
  }
  #timeline:before {
    left: 0;
  }
  #timeline .timeline-item .timeline-content {
    width: 90%;
    float: right;
  }
  #timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before {
    left: 10%;
    margin-left: -6px;
    border-left: 0;
    border-right: 7px solid #781c17;
  }
  #timeline .timeline-item .timeline-icon {
    left: 0;
  }
}

.media-body {
  vertical-align: middle;
  padding-right: 10px;
}
.perth_design {
  padding-top: 0;
}
.perth_design h3 {
  font-size: 30px;
  line-height: 1.5em;
}
.perth_design h4 {
  color: #F7B633;
}
.btnContact {
  background: #FCAC0C;
  padding: 20px 25px 15px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  margin: 30px 0 60px;
  font-size: 30px;
  font-family: 'Meiryo-Bold';
}
.btnContact:hover {
  background: #781c17;
  color: #fff;
}
.arrow_right {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 31.21'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23fff;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eAsset 1%3c/title%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='OBJECTS'%3e%3cpolygon class='cls-1' points='15.78 17.56 18.01 15.62 15.78 13.68 0.05 0 0 0.04 10.04 15.62 0.02 31.21 15.78 17.56'/%3e%3cpolygon class='cls-1' points='27.76 13.68 12.04 0 11.99 0.04 22.04 15.62 12.01 31.21 27.76 17.56 30 15.62 27.76 13.68'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-left: 15px;
  position: relative;
  top: 3px;
}
.sub_Contentpage {
  text-align: center;
}
.sub_Contentpage h3:after {
  position: absolute;
}
.sub_Contentpage img {
  margin: 0 auto;
  width: 100%;
}

.masonry_Contentpage {
  -moz-column-width: 30em;
  -webkit-column-width: 30em;
  -moz-column-gap: .5em;
  -webkit-column-gap: .5em; 
}

.panel {
  display: inline-block;
  margin: 0 0 15px;
  padding: 0; 
}

.gallery_img {
  height: 270px;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  background: #f1f1f1;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.gallery_img a {
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
.gallery_img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-height: 100%;
  display: block;
}
.gallery_img:hover img,
.gallery_img.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.gallery_img:hover i,
.gallery_img.hover i {
  top: 50%;
  transition: all 500ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  opacity: 1;
}
.gallery_img i {
  position: absolute;
  top: 100%;
  left: 50%;
  border-radius: 50%;
  font-size: 34px;
  color: #781c17;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.yellow {
  color: #FDB44B;
}
.red {
  color: #FF5F5F;
}
.big_title {
  font-size: 40px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 0;
}


.slick-slide img {
  margin: 0 auto;
}

.slick-next:before, .slick-prev:before {
  font-size: 40px;
}
.slick-next, .slick-prev {
  width: 40px;
  height: 40px;
  z-index: 100;
}
.slick-prev {
  left: 0;
}
.slick-next {
  right: 0;
}

.slick_slider {
  margin-top: 30px;
}

.slick_slider .slick-arrow::before {
  color: #781c17;
}

.slick_slider .slick_slider-for{
  background-color: #cccc;
}

.slick_slider .slick_slider-for .slick-list {
  height: 530px;
}

.slick_slider .slick_slider-for.slick-initialized .slick-slide {
  
}

.slick_slider .slick_slider-for.slick-initialized .slick-slide img {
  min-height: 530px;
}

.slick_slider .slick_slider-nav{
  margin-top: 15px;
  cursor: pointer;
}

.slick_slider .slick_slider-nav.slick-initialized .slick-slide {
  height: 135px;
  padding: 5px;
  outline: 0;
}

.slick_slider .slick_slider-nav.slick-initialized .slick-slide img {
  min-height: 135px;
}

.title_production {
  font-weight: 500;
  margin-bottom: 30px;
}

#hzroot7054227 iframe {
  width:620px;
}

.box_topInfo {
  margin-bottom: 30px;
}

.box_3dsmax {
  margin: 30px 0;
  text-align: center;
}
.lead {
  font-size: 30px;
  font-weight: 700;
  margin-top: 30px;
  color: #333;
}

.recruitment_page h3 {
  margin-bottom: 30px;
}
.recruitment_page h4 {
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 18px;
}


.box_listNews a {
  color: #3a3a3a;
}
.box_listNews a:hover {
  color: #000;
}
.box_listNews .panel {
  margin-bottom: 15px;
}
.box_newsDetail h3 {
  margin-bottom: 0;
  color: #000;
}
.box_newsDetail .date {
  color: #525252;
  margin-bottom: 15px;
  display: block;
}
.box_newsDetail img {
  max-width: 100%;
  height: auto;
}
.news_item {
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
.news_item h4 {
  font-size: 15px;
  color: #781c17;
  margin-top: 0;
  margin-bottom: 5px;
}
.btn_newDetail {
  padding-left: 20px;
  padding-right: 20px;
  background: #781c17;
  border-color: #781c17;
  color: #fff !important;
}
.btn_newDetail:hover {
  background: #F4979F;
  color: #fff !important;
  border-color: #F4979F;
}

.nf-form-fields-required {
  display: none;
}

.nf-error-msg.nf-error-field-errors {
  text-align: center;
  margin-bottom: 20px;
}

.nf-response-msg {
    text-align: center;
    margin-bottom: 20px;
}

/* 360 perth */
.banner_360perth {
  padding: 0;
  height: 100%;
  width: 100%;
}

.banner_360perth #photosphere {
  /*width: 100%;
  height: 100%;*/
}

.banner_360perth img {
  width: 100%;
}
.page_360perth section {
  padding: 0;
}
.section_benefits .headline {
  position: relative;
  /*top: -10px;*/
}
.headline {
  width: 100%;
  background: #781c17;
  color: #fff;
  text-align: center;
  padding: 20px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}
.template_content {
  padding: 70px 0;
}
.template_content p {
  font-size: 18px;
  line-height: 1.8em;
}
.btn_consultProduction {
  background: #FFAB00;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  border-radius: 3px;
  padding: 20px 15px;
  width: 340px;
  margin: auto;
  display: block;
  margin-top: 40px;
}
.i_arrowright {
  background: url('../images/i_arrowright.svg') no-repeat;
  display: inline-block;
  position: relative;
  top: 5px;
  margin-left: 5px;
  width: 30px;
  height: 27px;
}
.btn_consultProduction:hover {
  color: #fff;
  background: #C67F02;
}
.vertical {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
}
.section_productionPeriod_fee {
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}
.section_productionPeriod_fee p {
  font-size: 25px;
  text-align: center;
  margin-bottom: 40px;
  color: #000;
}
.section_productionPeriod_fee .headline {
  position: relative;
  z-index: 10;
}
.productionPeriod_fee_content {
  position: relative;
  z-index: 10;
}
.overlay_white {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(255, 255, 255, .5);
}
.btn_service {
  position: relative;
  width: 130px;
  height: 66px;
  margin-right: 20px;
  background: #00A2FF;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  display: inline-block;
  padding: 10px 10px 10px 15px;
  text-align: left;
}

.btn_service span {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
  height: 50px;
}
.btn_service::after {
  content: '';
  position: absolute;
  right: -20px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid #00A2FF;
  border-top: 33px solid transparent;
  border-bottom: 33px solid transparent;

}
.btn_service:hover {
  color: #fff;
}
.btn_service:nth-child(2) {
  background: #E95EA7;
}
.btn_service:nth-child(2)::after {
  border-left: 20px solid #E95EA7;
}
.btn_service:nth-child(3) {
  background: #FF9300;
  top: -13px;
}
.btn_service:nth-child(3)::after {
  border-left: 20px solid #FF9300;
}
.btn_service:nth-child(4) {
  background: #00A89D;
  top: -13px;
}
.btn_service:nth-child(4)::after {
  border-left: 20px solid #00A89D;
}

.section_productionPeriod_fee .btn_consultProduction {
  border: 1px solid #fff;
  margin-top: 60px;
}
.sub_headline {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 60px;
}
ul.social {
  padding: 0;
  list-style: none;
}
ul.social li {
  display: inline-block;
  width: 60px;
  margin: 0 5px;
}
.mb15 {
  margin-bottom: 15px;
}
.section_support_content {
  padding: 0 30px;
  margin-bottom: 60px;
}

.nf-form-cont .recaptcha-container {
  text-align: -webkit-center;
}

@media (max-width: 768px) {
  .vertical {
    display: block;
  }
  .vertical img {
    margin-bottom: 15px;
  }
  .btn_service {
    margin-bottom: 30px;
  }
  .benefits_text {
    margin-top: 20px;
  }
  .btn_consultProduction {
    width: auto;
  }
}