* {box-sizing: border-box;}
html, body, div, p, ul, li, ol, table, th, tr, td, a, h1, h2, h3, h4, h5, h6, img {margin: 0; padding: 0; border: 0;}

html, body {height: 100%;}
body {font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 15px; color: #70798B; margin: 0 auto; padding: 0; text-align: center; line-height: 26px; max-width: 2000px;}
body {background: #F3F4F6; background-position: top center;}
.clear {clear: both; height: 0px; overflow: hidden;}

h1 {font-size: 55px; line-height: 60px; color: #2F2F2F;}
h2 {font-size: 40px; line-height: 50px; color: #030314;}
h3 {font-size: 30px; line-height: 40px; color: #2F2F2F;}
h4 {font-size: 17px; line-height: 20px; color: #030314;}

input, button {font-family: 'Poppins', sans-serif; font-size: 15px; line-height: 15px;}
input[type="text"] {width: 300px; padding: 14px 12px; border: 1px solid #2F2F2F;}
input:focus,input:active, textarea:focus{outline: none; border: 1px solid rgba(50,125,255,1);}
input:hover, textarea:hover {border: 1px solid rgba(50,125,255,1);}
textarea {width: 100%; border: 1px solid #D6D6D6; height: 130px; padding: 14px 12px; font-family: 'Poppins', sans-serif; font-size: 15px;}
select {font-family: 'Poppins', sans-serif; width: 100%; max-width: 402px; border: none; height: 54px; padding: 16px 18px; font-size: 15px; line-height: 24px; cursor: pointer; color: #2F2F2F; background-color: #fff; -webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/icons/icon-down-small.png); background-repeat: no-repeat; background-position: right 20px center}

a {color: #2F2F2F; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}
a.link-list {background-image: url("../images/icons/icon-arrow-orrange.png"); background-repeat: no-repeat; background-position: right center; padding: 5px 22px 5px 5px; margin-left: 35px;}

input[type="button"], button {background-color: #F88720; cursor: pointer; width: auto; display: inline-block; border: none; padding: 16px 42px; text-align: center; font-weight: 600; color: #ffffff; -webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px; -webkit-box-shadow: 0px 8px 17px 0px rgba(219,135,38,0.35); -moz-box-shadow: 0px 8px 17px 0px rgba(219,135,38,0.35); box-shadow: 0px 8px 17px 0px rgba(219,135,38,0.35);}
input[type="button"]:hover, button:hover {background-color: #CC6608; text-decoration: none;}
input[type="button"].button, button.button, a.button {text-decoration: none !important; background-color: #F88720; cursor: pointer; width: auto; display: inline-block; border: none; padding: 16px 42px; text-align: center; font-weight: 600; color: #ffffff; line-height: 15px; -webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px; -webkit-box-shadow: 0px 8px 17px 0px rgba(219,135,38,0.35); -moz-box-shadow: 0px 8px 17px 0px rgba(219,135,38,0.35); box-shadow: 0px 8px 17px 0px rgba(219,135,38,0.35);}
input[type="button"].button:hover, button.button:hover, a.button:hover {background-color: #CC6608; text-decoration: none;}
input[type="button"].filter-reset-button {background-color: #949317; -webkit-box-shadow: 0px 8px 17px 0px rgba(148,147,23,0.35); -moz-box-shadow: 0px 8px 17px 0px rgba(148,147,23,0.35); box-shadow: 0px 8px 17px 0px rgba(148,147,23,0.35);}
input[type="button"].filter-reset-button:hover {background-color: #6D6C00;}
input[type="button"].small-button, button.small-button, a.small-button {text-decoration: none !important; background-color: #F88720; cursor: pointer; width: auto; display: inline-block; border: none; padding: 16px 42px; text-align: center; font-weight: 600; color: #ffffff; line-height: 15px; -webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px; -webkit-box-shadow: 0px 8px 17px 0px rgba(219,135,38,0.35); -moz-box-shadow: 0px 8px 17px 0px rgba(219,135,38,0.35); box-shadow: 0px 8px 17px 0px rgba(219,135,38,0.35);}
input[type="button"].small-button:hover, button.small-button:hover, a.small-button:hover {background-color: #CC6608; text-decoration: none;}

img {max-width: 100%; max-height: 100%;}

iframe {max-width: 100%; height: 400px; width: 100%; margin: 20px 0; border: 1px solid #c6c6c6; padding: 1px;}

.cb-PB {background-color: #DFD561;}
.cb-PP {background-color: #E29385;}
.cb-BZ {background-color: #CA6C70;}
.cb-OS {background-color: #DDA4B3;}
.cb-HO {background-color: #4AA4DE;}
.cb-HK {background-color: #23304E;}
.cb-HS {background-color: #2A7C39;}
.cb-OR {background-color: #295A43;}
.cb-RO {background-color: #29AB43;}
.cb-BA {background-color: #C42443;}
.cb-UB {background-color: #1eff00;}
.cb-UV {background-color: #ffe100;}
.cb-UC {background-color: #6969ff;}
.cb-UK {background-color: #ffa200;}
.cb-ZL {background-color: #005149;}
.cb-HF {background-color: #38c0da;}

table {border-collapse: collapse;}

ul {list-style-image: none; list-style: none;}
ul li {font-size: 15px; line-height: 26px; margin-left: 5px; position: relative; padding-left: 30px;}
ul li:before {content: ""; display: inline-block; margin-right: 19px; width: 10px; height: 10px; background-image: url("../images/icons/icon-list-item.png"); background-repeat: no-repeat; background-size: 100%; position: absolute; top: 9px; left: 0;}
ul li ul li {margin-left: -10px;}
ul li ul li:before {width: 8px; height: 8px;}
ol {}
ol li {margin-left: 20px; padding-left: 14px;}

strong {font-weight: 700;}
.strong {font-weight: 700;}
.enter {display: block;}
.center {margin: 0 auto; text-align: center;}

.centered-image {text-align: center; float: none; vertical-align: middle; display: table-cell; border: 0;}
.centered {width: 100%; max-width: 1530px; margin: 0 auto; position: relative;}

.map {width: 100%; height: 525px; border: 0;}

.sites .top {background-color: #fff;}
.top {text-align: left;}
.top-in {padding: 21px 0 22px 28px; position: relative;}
.logo, .menu, .order-link {display: inline-block; vertical-align: top;}
.logo {}
.mobile {display: none;}
.mobile-menu {}
.mobile-order {}
.menu {}
.mobile-list {display: none;}
.menu ul {margin-top: 10px;}
.menu ul li {display: inline-block; padding: 0 30px; position: relative; margin-left: 0;}
.menu ul li:before {display: none;}
.menu ul li a {font-weight: 500; color: #70798B; padding: 6px 0;}
.menu ul li a:hover, .menu ul li.active > a, .menu ul li.sub:hover > a {text-decoration: none; border-bottom: 1px solid #F88720; color: #2F2F2F;}
.menu ul li .sub-in {display: none; position: absolute; top: 30px; left: -100%; z-index: 999; width: 525px; height: 329px; padding-top: 22px;}
.menu ul li .sub-in .sub-shad {background-color: #fff; display: flex; flex-flow: row wrap; -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.16); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.16); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border-radius: 10px;}
.menu ul li.sub:hover .sub-in {display: block;}
.menu ul li ul li {display: block; padding: 0 0 15px; margin-left: 0;}
.sub-img, .sub-items {}
.sub-img {width: 163px; }
.sub-img img {height: 100%; max-width: none;}
.sub-items {width: auto; padding: 20px 45px 20px; background-color: #fff;}
.order-link {position: absolute; top: 24px; right: 0;}

.home-top {}
.home-top-in {}
.home-slider {}
.swiper-home {}
.swiper-home .swiper-wrapper {height: 682px;}
.swiper-home .swiper-slide {height: 682px;}
.slide-in {display: flex; flex-flow: row wrap; position: relative; height: 680px;}
.slide-left, .slide-right {width: 50%; text-align: left; position: relative; height: 680px;}
.slide-left {padding: 140px 60px 0 94px;}
.slide-text {}
.slide-text span {color: #F88720; font-size: 18px; font-weight: 500; margin-bottom: 3px;}
.slide-text h1 {margin-bottom: 25px;}
.slide-text p {color: #5F6779; font-size: 17px;}
.slide-link {position: relative; margin-top: 20px;}
.slide-right {}
.plus-behind {width: 80px; height: 80px; background-image: url(../images/plus-size-97.png); background-size: 100% 100%; position: absolute; top: 240px; left: -33px; z-index: 50;}
.slide-right-img {z-index: 100; position: relative;}
.slide-right-img:has(iframe) {z-index: 200; height: 450px; margin: 100px 0 0;}
.slide-right-img iframe {width: 100%; height: 100%; margin: 0; boder: 0;}
.slide-right-img img {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.plus-in-front {z-index: 150; width: 161px; height: 161px; background-image: url(../images/plus-size-178.png); background-size: 100% 100%; position: absolute; top: 95px; left: -10px;}
.swiper-pagination {position: absolute;}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {left: 94px; bottom: 70px; width: auto;}
.swiper-pagination-bullet {width: 35px; height: 5px; border-radius: none; background-color: #A8ADB8; border-radius: initial; z-index: 99; opacity: 1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 8px !important;}
.swiper-pagination-bullet-active {background-color: #F88720;}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 23px; font-weight: 600;}
.swiper-button-next, .swiper-button-prev {top: auto; bottom: 46px; width: 55px; height: 54px; background-color: #F88720; color: #fff; -webkit-box-shadow: 0px 8px 17px 0px rgba(148,147,23,0.35); -moz-box-shadow: 0px 8px 17px 0px rgba(148,147,23,0.35); box-shadow: 0px 8px 17px 0px rgba(148,147,23,0.35);}
.swiper-button-prev {right: 197px; left: auto; -webkit-border-top-left-radius: 27px; -webkit-border-bottom-left-radius: 27px; -moz-border-radius-topleft: 27px; -moz-border-radius-bottomleft: 27px; border-top-left-radius: 27px; border-bottom-left-radius: 27px; border-right: 0.5px solid rgba(185, 88, 17, .3);}
.swiper-button-next {right: 142px; left: auto; -webkit-border-top-right-radius: 27px; -webkit-border-bottom-right-radius: 27px; -moz-border-radius-topright: 27px; -moz-border-radius-bottomright: 27px; border-top-right-radius: 27px; border-bottom-right-radius: 27px; border-left: 0.5px solid rgba(185, 88, 17, .3);}
.swiper-button-prev:hover {background-color: #CC6608; text-decoration: none;}
.swiper-button-next:hover {background-color: #CC6608; text-decoration: none;}

.home-branches {margin-top: -20px; padding-bottom: 126px;}
.home-branches > span {color: #F88720; font-size: 18px; font-weight: 500; margin-bottom: 10px; display: block;}
.home-branches > h3 {margin-bottom: 32.5px;}
.site-branches {margin-top: 0; padding: 30px 0 126px;}
.site-branches > span {color: #F88720; font-size: 18px; font-weight: 500; margin-bottom: 10px; display: block;}
.site-branches > h3 {margin-bottom: 32.5px;}
.home-branch-items {display: flex; flex-flow: row wrap; justify-content: center;}
.home-branch-it {width: 350px; height: 220px; text-align: left; background-color: #FFFFFF; margin: 12.5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 48px 31px; position: relative;}
.home-branch-it a span {display: block; width: 350px; height: 220px; position: absolute; top: 0; left: 0;}
.home-branch-it:hover {background-color: #F88720; color: #fff;}
.branch-short {margin-bottom: 27px; width: 45px; height: 45px; text-align: center; line-height: 45px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.branch-short > span {font-size: 20px; color: #fff; font-weight: 600;}
.branch-name {}
.branch-name > span {font-size: 20px; color: #000000; font-weight: 600;}
.home-branch-it:hover .branch-name > span {color: #fff;}
.branch-address {}

.home-info {background-color: #fff; background-image: url(../images/background-images-content.jpg); background-position: 100% bottom; background-repeat: no-repeat;}
.home-info-in {display: flex; flex-flow: row wrap; align-items: flex-end; text-align: left;}
.info-left, .info-right {width: 50%;}
.info-left {padding: 30px 148px 10px 24px; }
.info-left-text {margin-bottom: 40px;}
.info-left-text h2 {margin-bottom: 40px; font-weight: 400;}
.info-left-text h2 strong {font-weight: 600;}
.info-link {}
.info-right {position: relative;}
.info-right .plus-behind {width: 73px; height: 73px; background-image: url(../images/plus-size-73.png); background-size: 100% 100%; position: absolute; bottom: 88px; left: -48px; z-index: 50; top: auto;}
.info-right-img {margin-top: -34px; z-index: 100; position: relative;}
.info-right .plus-in-front {width: 110px; height: 110px; background-image: url(../images/plus-size-110.png); background-size: 100% 100%; position: absolute; bottom: 9px; left: -16px; z-index: 150; top: auto;}

.home-info2 {background-color: #fff;}
.home-info2-in {}
.info-items {padding: 50px 24px; display: flex; flex-flow: row wrap; align-items: baseline; justify-content: space-around; text-align: left;}
.info-item {width: 300px; margin-right: 70px;}
.info-item:last-child {margin-right: 0px;}
.info-item-img {margin-bottom: 20px;}
.info-item-img img {vertical-align: middle;}
.info-item-text {font-size: 18px;}
.info-item-text p {font-weight: 500;}

.home-news {background-color: #fff;}
.home-news-in {}
.home-news-in > span {color: #F88720; font-size: 18px; font-weight: 500; margin-bottom: 10px; display: block;}
.home-news-items {display: flex; flex-flow: row wrap; padding: 41px 24px 55px;}
.home-news-item {width: 340px; min-height: 424px; height: auto; border: 1px solid #F0F0F0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-right: 37px; padding: 2px; text-align: left;}
.home-news-item:last-child {margin-right: 0px;}
.news-item-img {height: 180px; width: 336px; vertical-align: middle; text-align: center; margin: 0 auto;}
.news-item-img .centered-image {height: 180px; width: 336px; vertical-align: middle; text-align: center;}
.news-item-name {padding: 48px 27px 20px 35px; font-size: 18px;}
.news-item-text {padding: 0px 27px 0px 35px;}

.site-news {background-color: transparent; padding: 150px 0 20px 0;}
.site-news-in {}
.site-news-in > span {color: #F88720; font-size: 18px; font-weight: 500; margin-bottom: 10px; display: block;}
.site-news-items {display: flex; flex-flow: row wrap; padding: 41px 24px 55px; justify-content: center;}
.site-news-item {background-color: #fff; width: 340px; min-height: 424px; border: 1px solid #F0F0F0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-right: 37px; margin-bottom: 40px; padding: 2px 2px 10px 2px; text-align: left;}
.site-news-item:nth-child(4n) {margin-right: 0px;}
.sn-item-img {height: 180px; width: 336px; vertical-align: middle; text-align: center; margin: 0 auto;}
.sn-item-img .centered-image {height: 180px; width: 336px; vertical-align: middle; text-align: center;}
.sn-item-name {padding: 48px 27px 20px 35px; font-size: 18px;}
.sn-item-text {padding: 0px 27px 0px 35px;}

.crumbs {border-top-width: 8px; border-top-style: solid; border-image: linear-gradient(to bottom, rgba(0,0,0,0.05), rgba(255,255,255,0)) 1; background-color: #fff;}
.crumbs-in {text-align: left; padding: 19px 28px;}
.crumbs-in .crumb-items a {font-size: 14px; font-weight: 500; color: #F29500; line-height: 21px;}
.crumbs-in .crumb-items a:after {content: ">>"; color: #707070; margin: 0 14px; letter-spacing: -4px; display: inline-block;}
.crumbs-in .crumb-items span {font-size: 14px; font-weight: 500; color: #2F2F2F;line-height: 21px;}

.banner {background-color: #fff; }
.banner-in {display: flex; flex-flow: row wrap; margin-top: -26px;}
.banner-in-left, .banner-in-right  {width: 50%; text-align: left; position: relative; min-height: 460px;}
.banner-in-left {padding: 100px 10px 60px 94px;}
.banner-in-text span {color: #F88720; font-size: 18px; font-weight: 500; margin-bottom: 3px;}
.banner-in-text h1 {margin-bottom: 25px;}
.banner-in-text p {color: #5F6779; font-size: 17px; margin-bottom: 10px;}
.banner-in-link {position: relative; margin-top: 30px;}
.banner-in-right {width: 50%; height: 460px;background-image: url(../images/background-images-top.jpg); background-position: bottom right; background-repeat: no-repeat; padding-left: 80px;}
.banner-right-in .plus-behind {width: 80px; height: 80px; background-image: url(../images/plus-size-97.png); background-size: 100% 100%; position: absolute; top: 291px; left: 0px; z-index: 50;}
.banner-right-in .plus-behind2 {width: 49px; height: 49px; background-image: url(../images/plus-size-60.png); background-size: 100% 100%; position: absolute; top: 54px; left: 100px; z-index: 50;}
.banner-in-right-img {z-index: 100; position: relative;}
.banner-right-in .plus-in-front {z-index: 150; width: 170px; height: 170px; background-image: url(../images/plus-size-178.png); background-size: 100% 100%; position: absolute; top: 365px; left: 55px;}
.banner-in-right-img img {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}

.about-us {padding: 140px 34px; text-align: left;}
.about-us-in {display: flex; flex-flow: row wrap;}
.about-us-left, .about-us-right {width: 50%; height: 460px; position: relative;}
.about-us-left {padding: 0 94px;}
.about-us-title {font-size: 30px; line-height: 43px; position: relative; color: #030314;}
.about-us-title p {position: relative; display: inline-block; width: 100%;}
.about-us-name {padding: 45px 0;}
.about-us-name span {font-size: 17px; font-weight: 600; line-height: 28px; color: #030314;}
.about-us-name p {line-height: 20px; color: #5F6779;}
.about-us-right {padding: 0 39px;}
.about-us-text {}
.about-us-text p {line-height: 26px; padding-bottom: 30px;}
.about-us-text p strong {color: #030314;}

.detail-content {background-color: #fff;}
.detail-content-in {padding: 28px 248px 112px; text-align: left; position: relative;}
.detail-content-in h1 {font-size: 45px; margin: 10px 0;}
.detail-content-in h2 {margin: 10px 0;}
.detail-content-in h3 {margin: 20px 0;}
.detail-content-in h4 {margin: 10px 0;}
.detail-content-in a {text-decoration: underline;}
.detail-content-in a:hover {text-decoration: none;}
.detail-content-in img {-webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;}
.dc-link-top {position: absolute; top: 29px; right: 252px;;}
.dc-img {-webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; text-align: center; margin-bottom: 35px;}
.dc-text {}
.dc-text h1 {font-size: 45px; margin: 10px 0;}
.dc-text span {font-size: 17px; line-height: 28px; color: #030314; font-weight: 500; margin: 20px 0; display: block;}
.dc-text p {line-height: 28px; color: #5F6779; display: block; margin-bottom: 10px;}
.dc-text a {text-decoration: underline;}
.dc-text a:hover {text-decoration: none;}
.dc-link {margin-top: 27px;}
.detail-plus1 {z-index: 150; width: 61px; height: 61px; background-image: url(../images/plus-size-73.png); background-size: 100% 100%; position: absolute; bottom: 75px; right: 189px;}
.detail-plus2 {z-index: 150; width: 81px; height: 81px; background-image: url(../images/plus-size-97.png); background-size: 100% 100%; position: absolute; bottom: -40px; right: 223px;}
.bi-items {padding: 0 0;}
.bi-items-links {padding: 9px 0;}
.bi-items-links a {width: 330px; padding: 16px 20px; border: 1px solid #EDEEF0; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; display: inline-block; margin: 0 10px 10px 0; position: relative; text-decoration: none;}
.bi-items-links a:hover {background-color: #F88720; color: #FFFFFF; text-decoration: none;}
.bi-items-links a:after {content: "\003E"; color: #2F2F2F; width: 9px; height: 13px; position: absolute; top: 17px; right: 24px; font-weight: 600; font-size: 25px;}
.bi-items-links a:hover:after {color: #fff;}

.ui-widget {font-family: 'Poppins', sans-serif;}
.ui-widget.ui-widget-content {border: none;}
.ui-widget-content {background-color: transparent; color: #535353;}
.ui-widget-header {border: none; background: transparent;}
.ui-tabs .ui-tabs-nav {padding: 25px 0 0;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 20px 38px;}
.ui-tabs .ui-tabs-nav li {z-index: 150;}
.ui-tabs .ui-tabs-nav li:before {display: none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {-webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #E5E8ED; border: none;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border: none; background-color: #fff;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {color: #2F2F2F;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #2F2F2F;}

.branch-content {}
.branch-content-in {}
.branch-content-in h4 {margin-top: 20px; margin-bottom: 10px;}
.bc-tabs {background-color: #F3F4F6;}
#bc-tabs-in {}
#bc-tabs-in .centered > ul {}
#bc-tabs-in div[id^="tabs"] {background-color: #FFFFFF; padding: 70px 28px 100px; text-align: left;}
#bc-tabs-in div[id^="tabs"] h3 {margin-bottom: 35px;}
.bc-info {margin-bottom: 50px;}
.bc-info-in {display: flex; flex-flow: row wrap; text-align: left;}
.bc-item {width: 33%;}
.bc-item-one {width: 100%;}
.bc-item-half {width: 50%;}
.bc-item-quarter {width: 24%; margin-left: 10px;}
.bc-item > span, .bc-item-one > span, .bc-item-half > span {font-size: 20px; font-weight: 600; line-height: 28px; margin-bottom: 25px; display: block; color: #0A0A0A;}
.bc-item p, .bc-item-one p, .bc-item-half p {margin-bottom: 5px;}
.bc-options {display: flex; flex-flow: row wrap; padding: 35px 0 25px; align-items: center;}
.bc-options-item {width: 40px; position: relative; margin-right: 30px;}
.bc-options-item:hover .bc-img-title {display: block;}
.bc-link {margin-top: 25px;}
.bc-img-title {display: none; width: 250px; position: absolute; top: 25px; left: 0; background-color: #F88720; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; padding: 5px 10px; color: #fff; z-index: 150;}
.bc-item > img {display: block; margin-bottom: 5px;}
.bc-item p img {display: block; margin-bottom: 5px;}
.bc-item p {margin-bottom: 20px;}
.bc-item a {text-decoration: underline;}
.bc-item a:hover {text-decoration: none;}
.bc-item-news {}
.bc-item-new {}
.bc-item-new .bc-new-left {width: 137px; height: 94px; display: inline-block; }
.bc-item-new .bc-new-left .centered-image {width: 137px; height: 94px;}
.bc-item-new .bc-new-right {width: 350px; display: inline-block; vertical-align: top; padding: 0 10px 0 30px;}
.bc-item-insurance {text-align: center;}
.bc-item-insurance a {display: block;}
.bc-item-insurance a img {margin-bottom: 20px; max-width: 50%;}
.bc-item-acreditation {text-align: center;}
.bc-item-acreditation a {display: block;}
.bc-item-acreditation a img {margin-bottom: 20px; max-width: 40%;}
.bc-open {text-align: left;}
.bc-open > span {font-size: 20px; font-weight: 600; line-height: 28px; margin-bottom: 25px; display: block;}
.bc-open table {width: 100%; color: #2F2F2F; text-align: left; border-collapse: separate; border-spacing: 5px;}
.bc-open table tr th {background-color: #F3F4F6; padding: 14px 20px; border: 1px solid #F3F4F6;}
.bc-open table tr td {background-color: #FFFFFF; border: 1px solid #EDEEF0; padding: 14px 20px;}
.bc-open table tr td:first-child {background-color: #F3F4F6; border: 1px solid #F3F4F6;}
.bc-open p {margin-top: 24px; color: #2F2F2F; text-align: left;}
.bi-where {text-align: left;}
.bi-where p strong {font-weight: 600;}
.bi-where p {display: block; margin-bottom: 15px; line-height: 26px;}
#bc-tabs-in .bi-items-links {text-align: left;}
#bc-tabs-in .bi-items-links a {width: 32%;}
.bi-teams {text-align: left; padding: 0 0;}
.bi-teams table {width: 49%; display: inline-block; vertical-align: top; color: #2F2F2F;}
.bi-teams table tr td {}
.bi-teams table tr td:first-child {font-weight: 600;padding: 10px 20px 10px 0;}
.bi-teams table tr td:last-child {padding: 2px 0;}

.pricelist-in {padding: 70px 127px; text-align: left;}
.pricelist-in h3 {margin-bottom: 35px; text-align: center;}
.pricelist-items > h4 {text-align: left; position: relative; cursor: pointer; font-size: 20px; font-weight: 600; line-height: 28px; padding: 15px 20px; display: block; color: #2F2F2F; background-color: #fff; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; margin: 9px 0;}
.pricelist-items > h4:before {position: absolute; content:""; width: 19px; height: 11px; background-image: url("../images/icons/icon-arrow-down.png"); background-repeat: no-repeat; background-position: center; top: 24px; right: 20px;transition-duration: 0.5s;}
.pricelist-items > h4.arrow-active:before {transform: rotate(180deg); }
.pricelist-items > table {display: none; padding: 28px 17px; margin: 9px 27px; width: calc(100% - 54px);}
.pricelist-items > table tr {border-bottom: 1px dashed #707070;}
.pricelist-items > table tr td {padding: 6px 0; background-color: #F3F4F6; text-align: left;}
.pricelist-items > table tr td:last-child {text-align: right;}

.gallery {background-color: #FFFFFF;}
.gallery-in {padding: 71px 0;}
.gallery-in h3 {margin-bottom: 55px;}

.gallery-images {text-align: left;}
.gallery-images img {display: block;}
.gallery-big-image {display: inline-block; float: left; width: 669px; margin-right: 19px;}
.gallery-small-image {display: flex; width: 765px; max-width: 765px; flex-flow: row wrap;}
.gallery-small-image a {width: 326px; margin-bottom: 14px; margin-right: 18px;}
.gallery-under-image {display: flex; width: 100%; flex-flow: row wrap;}
.gallery-under-image a {width: 326px; margin-bottom: 14px; margin-right: 18px;}

.detail-content-in .gallery-in h3 {margin-bottom: 25px;}
.detail-content-in .gallery-big-image {margin-right: 15px;}
.detail-content-in .gallery-small-image {width: 326px;}
.detail-content-in .gallery-small-image a {margin-right: 12px; margin-bottom: 13px;}
.detail-content-in .gallery-under-image a {margin-right: 12px;}

.faq-content {padding: 85px 34px;}
.faq-content-in {text-align: left; padding: 0 127px;}
.faq-content-in h3 {margin-bottom: 34px;}
.faq-items {}
.faq-item {margin: 9px 0;}
.faq-item > span {position: relative; cursor: pointer; font-size: 20px; font-weight: 600; line-height: 28px; padding: 15px 20px; display: block; color: #2F2F2F; background-color: #fff; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;}
.faq-item > span:before {position: absolute; content:""; width: 19px; height: 11px; background-image: url("../images/icons/icon-arrow-down.png"); background-repeat: no-repeat; background-position: center; top: 24px; right: 20px;transition-duration: 1s;}
.faq-item > span.arrow-ctive:before {transform: rotate(180deg); }
.faq-item-in {display: none; padding: 28px 17px;}
.faq-item-in p {}
.blog-item {margin: 9px 0;}
.blog-item > span {position: relative;font-size: 20px; font-weight: 600; line-height: 28px;display: block; color: #2F2F2F; background-color: #fff; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; padding: 0 20px;}
.blog-item > span:before {position: absolute; content:""; width: 19px; height: 11px; background-image: url("../images/icons/icon-arrow-down.png"); background-repeat: no-repeat; background-position: center; top: 24px; right: 20px;}
.blog-item > span > a {display: block; padding: 15px 0;}

.page-contact {padding: 85px 34px;}
.page-contact-in {display: flex; flex-flow: row wrap; text-align: left; padding: 0 94px; color: #2F2F2F;}
.pc-left, .pc-right {width: 50%; position: relative;}
.pc-left {}
.contact-address {}
.contact-address > span {font-size: 20px; font-weight: 600; margin-bottom: 24px; display: block;}
.contact-cin {margin-top: 30px;}
.contact-reg {margin-top: 30px;}
.pc-right {position: relative;}
.fast-contact {position: absolute; bottom: 28px; left: 56px; background-color: #fff; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; padding: 30px 32px; width: 100%;}
.fast-contact > span {padding: 18.5px 38px 18.5px 0; border-right: 2px solid #F3F4F6; font-weight: 600;}
.fast-contact > a {margin-left: 35.5px;}

.questionnaire-content {}
.questionnaire-content-in {text-align: left; padding: 85px 94px; color: #030314;}
.questionnaire-content-in h2 {display: block; font-size: 30px; line-height: 28px; margin-bottom: 25px;}
.questionnaire-content-in h3 {display: block; font-size: 20px; line-height: 28px; margin-bottom: 30px;}
.questionnaire-content-in span {display: block;font-size: 17px; line-height: 28px; margin-bottom: 15px;}
.questionnaire-content-in p {display: block;}
.questionnaire-content-in input[type="text"] {}
.questionnaire-content-in input[type="radio"] {width: 23px; height: 23px; cursor: pointer;}
.questionnaire-content-in label {font-size: 17px; font-weight: 500; padding: 0 10px 0 15px; vertical-align: text-bottom; cursor: pointer; margin-right: 30px;}
.questionnaire-content-in select {display: block; -webkit-border-radius: 29px; -moz-border-radius: 9px; border-radius: 9px; margin: 15px 0 25px;}
.questionnaire-content-in textarea {}
.branch-form {margin-bottom: 49px;}
.form-item select {width: 100%;}
.form-item select:last-child {margin-bottom: 58px;}
.form-score {display: flex; flex-flow: row wrap; justify-content: space-between; margin-bottom: 20px; padding: 0 5px;}
.form-score-item {position: relative; width: 32px; height: 60px; color: #d85844}
.form-score-item:nth-child(1), .form-score-item:nth-child(2) {color: #949317;}
.form-score-item:nth-child(3), .form-score-item:nth-child(4) {color: #f39400;}
.form-score-item input[type="radio"] {position: absolute; bottom: 0; left: 0;}
.form-score-item label {position: absolute; top: 0; left: 0; padding: 0; margin: 0; right: 0; text-align: center;}
.form-score-desc {display:flex; flex-wrap:nowrap; justify-content:space-between; margin-top:10px; margin-bottom: 40px;}
.form-score-desc img {width:35px;}
.form-score-desc > div {display:flex; align-items:center}
.form-score-desc > div span {margin: 0;}
.form-score-desc > div:first-child img {margin-right:10px}
.form-score-desc > div:last-child img {margin-left:10px}

.contact-us {background-image: url(../images/background-branch.png); background-repeat: no-repeat; background-position: top -65px center;}
.contact-us-in {padding: 102px 300px 95px; }
.contact-us-in > span {color: #F88720; font-size: 18px; font-weight: 500; margin-bottom: 20px; display: block;}
.contact-us-in > h2 {margin-bottom: 32px;}
.contact-us-in > p {margin-bottom: 44px;}
.order-it {}
.order-it select {width: 402px; height: 54px; margin-right: 25px;}

.partners {background-color: #fff;}
.partners-in {padding: 60px 65px 52px}
.partners-in > h3 {margin-bottom: 36px;}
.swiper {}
.swiper-partners {}
.swiper-partners .swiper-wrapper {height: 72px;}
.swiper-partners .swiper-slide {height: 72px;}
.swiper-partners .swiper-slide a img {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.swiper-partners .swiper-slide a:hover img {opacity: 1; -webkit-filter: none; filter: none;}

.footer {}
.footer-in {padding: 0 82px;}
.footer-items {display: flex; flex-flow: row wrap; position: relative;}
.footer-item {text-align: left; padding: 75px 0;}
.footer-item h4 {color: #F88720; font-size: 30px; font-weight: 600; margin-bottom: 36px; display: block;}
.footer-item span {color: #2F2F2F; font-size: 20px; font-weight: 600; margin-bottom: 30px; display: block; line-height: 30px;}
.footer-item.ft-1 {width: 461px; border-right: 1px solid rgba(113, 122, 140, 0.15);}
.footer-item.ft-1 span {color: #2F2F2F; font-size: 15px; font-weight: 600; margin-bottom: 23px; display: block; line-height: 28px;}
.footer-item.ft-1 .ft-1-in p {padding-left: 40px; background-repeat: no-repeat; background-position: left top; margin-bottom: 32px;}
.footer-item.ft-1 .ft-1-in a {font-weight: 600;}
.footer-item.ft-1 .ft-1-address {background-image: url(../images/icons/icon-map.png);}
.footer-item.ft-1 .ft-1-mail {background-image: url(../images/icons/icon-mail.png);}
.footer-item.ft-1 .ft-1-fb {background-image: url(../images/icons/icon-fb.png);}
.footer-item.ft-1 .ft-1-fb a {font-weight: 400;}
.footer-item.ft-1 > p {font-size: 14px;}
.footer-item.ft-2 {width: 220px; margin-left: 60px;}
.footer-item.ft-3 {width: 220px; margin-left: 60px;}
.footer-item.ft-4 {width: 220px; margin-left: 60px;}
.footer-item.ft-5 {position: absolute; bottom: 0; padding-bottom: 30px;}
.footer-item ul {list-style-type: none; list-style-image: none;}
.footer-item ul li { margin-left: 0; padding-left: 0;}
.footer-item ul li:before {display: none;}
.footer-item ul li a {font-weight: 400; line-height: 35px; color: #707070;}

@media screen and (max-width: 1530px) {
    
    .top-in {padding: 21px 0 22px 18px;}
    .logo {width: 190px;}
    .mobile {display: block; position: absolute; top: 15px; right: 11px;}
    .mobile-menu, .mobile-order {display: inline-block; vertical-align: middle;}
    .mobile-menu {width: 25px; height: 22px; background-image: url("../images/icons/icon-mobil-menu.png"); background-repeat: no-repeat; margin-right: 24px; cursor: pointer;}
    .mobile-order .small-button  {width: 50px; height: 50px; padding: 0 0; line-height: 50px;}
    .menu {position: absolute; top: 65px; width: 300px;  right: 0; display: none; height: 600px; overflow-y: scroll;}
    .menu ul {margin-top: 0; z-index: 200; position: relative; background-color: #fff;}
    .menu ul li {display: block; padding: 8px 30px 5px;}
    .menu ul li a {font-size: 16px; padding: 2px 0;}
    .menu ul li .sub-in {display: none; position: relative; top: 0; left: 0; z-index: 201; width: auto; height: auto; padding-top: 0;}
    .menu ul li .sub-in.active {display: block;}
    .menu ul li .sub-in .sub-shad {display: block; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
    .menu ul li ul li {padding: 0 0 10px;}
    .menu ul li ul li:last-child {padding: 0 0 0;}
    .sub .mobile-list {position: absolute; right: 20px; top: 10px; display: block; background-image: url("../images/icons/icon-list-plus.png"); width: 20px; height: 20px; background-repeat: no-repeat; cursor: pointer; background-size: 100%;}
    .sub .mobile-list.act {background-image: url("../images/icons/icon-list-minus.png");}
    .sub-img {display: none;}
    .sub-items {padding: 15px 15px 10px; margin-top: 2px;}
    .order-link {display: none;}
    
    .gallery-big-image {display: block; float: none; width: 100%; max-width: 669px; margin: 0 auto 10px;}
    .gallery-small-image {display: block; width: 100%; max-width: 669px; margin: 0 auto;}
    .gallery-small-image a {width: 100%; max-width: 300px; margin-right: 64px; display: inline-block;}
    .gallery-small-image a:nth-child(2n) {margin-right: 0px;}
    .gallery-under-image {display: block; width: 100%; max-width: 669px; margin: 0 auto;}
    .gallery-under-image a {width: 100%; max-width: 300px; margin-right: 64px; display: inline-block;}
    .gallery-under-image a:nth-child(2n) {margin-right: 0px;}

    .detail-content-in .gallery-in h3 {margin-bottom: 25px;}
    .detail-content-in .gallery-big-image {margin-right: auto;}
    .detail-content-in .gallery-small-image {display: block; width: 100%; max-width: 669px; margin: 0 auto;}
    .detail-content-in .gallery-small-image a {margin-right: 64px;}
    .detail-content-in .gallery-small-image a:nth-child(2n) {margin-right: 0px;}
    .detail-content-in .gallery-under-image {display: block; width: 100%; max-width: 669px; margin: 0 auto;}
    .detail-content-in .gallery-under-image a {margin-right: 64px;}
    .detail-content-in .gallery-under-image a:nth-child(2n) {margin-right: 0px;}
    
    .info-items {padding: 50px 12px;}
    .info-item {width: 46%; margin-right: 5px; margin-bottom: 30px;}
    .info-item:last-child {margin-right: 0px;}
    .info-item-img {margin-bottom: 10px;}
        
    .home-news-in > span {font-size: 15px;}
    .home-news-items {padding: 41px 12px 55px;}
    .home-news-item {width: 100%; max-width: 336px; min-height: 424px; height: auto; margin: 0 auto 30px;}
    .home-news-item:last-child {margin: 0 auto 30px;}
    .news-item-img {height: auto; width: 100%; max-width: 336px;}
    .news-item-img .centered-image {height: auto; width: 100%; max-width: 336px;}

}

@media screen and (max-width: 1518px) {
    .site-news-item:nth-child(4n) {margin-right: 37px;}
}

@media screen and (max-width: 1464px) {
    .footer-item.ft-5 {position: relative; border-top: 1px solid rgba(113, 122, 140, 0.15); width: 100%; display: block;}
}

@media screen and (max-width: 1300px) {
    .detail-content-in {padding: 20px 12px 20px;}
    .detail-content-in h1 {font-size: 35px;}
    .dc-text h1 {font-size: 35px;}
    .dc-text span {font-size: 15px; line-height: 22px;}
    .dc-text p {line-height: 25px;}
    .dc-link {margin-top: 20px;}
    .detail-plus1 {display: none;}
    .detail-plus2 {display: none;}
    .bi-items-links a {width: 100%; max-width: 330px;}
    
    .contact-us-in {padding: 20px 12px 55px; }
    .contact-us-in > span {font-size: 15px; margin-bottom: 10px;}
    .contact-us-in > h2 {margin-bottom: 20px;}
    .contact-us-in > p {margin-bottom: 38px;}
    .order-it select {width: 90%; margin-right: 0; margin-bottom: 21px;}  

}

@media screen and (max-width: 1250px) {
    .page-contact {padding: 40px 12px;}
    .page-contact-in {padding: 0 0;}
    .pc-left, .pc-right {width: 100%; display: block;}
    .contact-address > span {font-size: 16px;}
    .contact-cin {margin-top: 30px;}
    .contact-reg {margin-top: 30px;}
    .pc-right {position: relative;}
    .fast-contact {position: relative; left: 0; padding: 15px 0; background-color: transparent; bottom: 0;}
    .fast-contact > span {padding: 0; border-right: none; display: block;}
    .fast-contact > a {margin-left: 0;}

}

@media screen and (max-width: 1200px) {
    .swiper-home .swiper-wrapper {height: auto;}
    .swiper-home .swiper-slide {height: auto;}
    .slide-in {height: auto;}
    .slide-left, .slide-right {width: 100%; height: auto;}
    .slide-left {padding: 10px 18px 0 18px; order: 2;}
    .slide-text {margin-bottom: 25px;}
    .slide-text span {font-size: 15px;}
    .slide-text p {font-size: 15px;}
    .slide-right {order: 1;}
    .plus-behind {width: 45px; height: 45px; top: 120px; left: 0px;}
    .slide-right-img {width: 90%; text-align:center; margin: 0 auto;}
    .slide-right-img:has(iframe) {height: 680px; margin: 0 auto;}
    .slide-right-img iframe {width: 100%; height: 680px; padding: 10px 0; margin: 0;}
    .plus-in-front {width: 87px; height: 87px; top: 41px; left: 0px;}
    .swiper-pagination {position: relative; margin: 30px 0 20px; text-align: left; padding-left: 15px;}
    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {left: 0; bottom: 0; width: auto;}
    .swiper-pagination-bullet {margin: 0 8px !important;}
    .swiper-button-next:after, .swiper-button-prev:after {font-size: 13px;}
    .swiper-button-next, .swiper-button-prev {bottom: auto; top: 620px;}
    
    .banner-in-link a {display: table; margin-bottom: 10px;}
    
    .home-info {background-image: none; }
    .info-left, .info-right {width: 100%;}
    .info-left {padding: 59px 12px; order: 2;}
    .info-left-text h2 {font-size: 27px; margin-bottom: 30px;}
    .info-right {order: 1; background-image: url(../images/background-images-content.jpg); background-position: right bottom; background-repeat: no-repeat; background-size: 70%;}
    .info-right .plus-behind {width: 36px; height: 36px; bottom: 60px; left: 0px;}
    .info-right-img {width: 90%; margin: -34px auto 0;}
    .info-right .plus-in-front {width: 55px; height: 55px; left: 25px;}

}

@media screen and (max-width: 1000px) {
    .banner-in-left, .banner-in-right  {width: 100%; min-height: auto;}
    .banner-in-left {padding: 10px 18px 0 18px; order: 2;}
    .banner-in-text span {font-size: 15px;}
    .banner-in-link {margin: 30px 0;}
    .banner-in-link a {display: table; margin-bottom: 10px;}
    .banner-in-right {order: 1; height: auto; padding-left: 0; margin-top: 15px; background-position: center bottom 2.5%; background-size: 100%;}
    .banner-right-in .plus-behind {width: 65px; height: 65px; top: 145px;}
    .banner-right-in .plus-behind2 { left: 30px;}
    .banner-in-right-img {width: 90%; margin: 0 auto; text-align: center;}
    .banner-right-in .plus-in-front {width: 100px; height: 100px;top: 235px; left: 25px;}    
    
    .about-us {padding: 30px 0px;}
    .about-us-left, .about-us-right {width: 100%; height: auto;}
    .about-us-left {padding: 0 12px;}
    .about-us-title {font-size: 25px; line-height: 35px;}
    .about-us-right {padding: 0 12px;}

}

@media screen and (max-width: 800px) {
    h1 {font-size: 38px; line-height: 50px;}
    h2 {font-size: 30px; line-height: 40px;}
    h3 {font-size: 23px; line-height: 30px;}
    h4 {font-size: 17px; line-height: 20px;}

    .map {height: 300px;}
    
    input[type="text"] {margin: 0 auto;}
    
    .swiper-button-next, .swiper-button-prev {top: calc(88vw - 50px); width: 30px; height: 30px;}
    .swiper-button-prev {right: 72px;}
    .swiper-button-next {right: 42px;}
  
    .home-branches {margin-top: 20px; padding-bottom: 50px;}
    .home-branches > span {font-size: 15px;}
    .site-branches {margin-top: 20px; padding: 30px 0 126px;}
    .site-branches > span {font-size: 15px;}
    .home-branch-it {width: 46%; max-width: 350px; min-height: 180px; height: auto; text-align: center; margin: 5.5px; padding: 20px 21px 16px;}
    .home-branch-it a span {width: 100%; height: 100%;}
    .branch-short {margin: 0 auto 10px;}
    .branch-name > span {font-size: 16px;}
    
    .site-news {padding: 30px 0 20px 0;}
    .site-news-in > span {font-size: 15px;}
    .site-news-items {padding: 30px 12px 15px;}
    .site-news-item {max-width: 340px; width: 100%; min-height: 424px; height: auto; margin: 0 auto 30px;}
    .site-news-item:nth-child(4n) {margin: 0 auto 30px;}
    .sn-item-img {height: auto; width: 100%; max-width: 336px;}
    .sn-item-img .centered-image {height: auto; width: 100%; max-width: 336px;}

    .ui-tabs .ui-tabs-nav {padding: 10px 0 0;}
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 15px 20px;}

    #bc-tabs-in div[id^="tabs"] { padding: 30px 12px 30px;}
    #bc-tabs-in div[id^="tabs"] h3 {margin-bottom: 25px;}
    .bc-info {margin-bottom: 20px;}
    .bc-info-in {display: flex; flex-flow: row wrap; text-align: left;}
    .bc-item {width: 100%; padding: 10px 0;}
    .bc-item-one {width: 100%;}
    .bc-item-half {width: 100%;}
    .bc-item-quarter {width: 100%; margin-left: 0px;}
    .bc-item > span, .bc-item-one > span, .bc-item-half > span {font-size: 17px; line-height: 24px;}
    .bc-options {padding: 15px 0 25px;}
    .bc-link {margin-top: 15px;}
    .bc-item-new .bc-new-right {max-width: 350px; width: 100%; padding: 10px 0;}
    .bc-item-insurance a img {max-width: 100%;}
    .bc-item-acreditation a img {max-width: 100%;}
    .bc-open {overflow-x: auto; width: 100%;}
    .bc-open > span {font-size: 17px; line-height: 25px; margin-bottom: 15px;}
    .bc-open table {width: 1530px;}
    .bc-open p {margin-top: 14px;}
    #bc-tabs-in .bi-items-links a {width: 100%;}
    .bi-teams table {width: 100%; display: block;}
   
    .pricelist-in {padding: 40px 12px;}
    .pricelist-in h3 {margin-bottom: 20px;}
    .pricelist-items > table {display: none; padding: 28px 12px;}
    .pricelist-items > table tr td:last-child {min-width: 80px;}
  
    .gallery-in {padding: 30px 0;}
    .gallery-in h3 {margin-bottom: 25px;}
    
    .faq-content {padding: 40px 12px;}
    .faq-content-in {padding: 0 0px;}
    .faq-content-in h3 {margin-bottom: 24px;}
    .faq-item > span {font-size: 16px; line-height: 25px; padding: 15px 45px 15px 20px;}
    .faq-item-in {padding: 10px;}
    .blog-item > span {font-size: 16px; line-height: 25px; padding: 15px 45px 15px 20px;}
     
    .questionnaire-content-in {padding: 35px 12px;}
    .questionnaire-content-in h2 {font-size: 25px; line-height: 24px;}
    .questionnaire-content-in h3 {font-size: 18px; line-height: 22px;}
    .questionnaire-content-in span {font-size: 15px; line-height: 20px;}
    .questionnaire-content-in label {font-size: 15px;}
    .branch-form {margin-bottom: 49px;}
    .form-item select {width: 100%;}
    
    .partners-in {padding: 60px 12px 52px}
    
    .footer {}
    .footer-in {padding: 40px 12px 10px;}
    .footer-item {text-align: left; padding: 24px 0;}
    .footer-item h4 {color: #F88720; font-size: 30px; font-weight: 600; margin-bottom: 36px; display: block;}
    .footer-item span {color: #2F2F2F; font-size: 20px; font-weight: 600; margin-bottom: 30px; display: block; line-height: 30px;}
    .footer-item.ft-1 {width: 100%; border-right: none;}
    .footer-item.ft-1 span {color: #2F2F2F; font-size: 15px; font-weight: 600; margin-bottom: 23px; display: block; line-height: 28px;}
    .footer-item.ft-1 .ft-1-in p {padding-left: 40px; background-repeat: no-repeat; background-position: left top; margin-bottom: 32px;}
    .footer-item.ft-1 .ft-1-in a {font-weight: 600;}
    .footer-item.ft-1 .ft-1-address {background-image: url(../images/icons/icon-map.png);}
    .footer-item.ft-1 .ft-1-mail {background-image: url(../images/icons/icon-mail.png);}
    .footer-item.ft-1 .ft-1-fb {background-image: url(../images/icons/icon-fb.png);}
    .footer-item.ft-1 .ft-1-fb a {font-weight: 400;}
    .footer-item.ft-1 > p {font-size: 14px;}
    .footer-item.ft-2 {width: 48%; margin-left: 0px;}
    .footer-item.ft-3 {width: 48%; margin-left: 10px;}
    .footer-item.ft-4 {width: 100%; margin-left: 0px;}
    .footer-item ul {list-style-type: none; list-style-image: none;}
    .footer-item ul li { margin-left: 0; padding-left: 0;}
    .footer-item ul li:before {display: none;}
    .footer-item ul li a {font-weight: 400; line-height: 35px; color: #707070;}
}

@media screen and (max-width: 700px) {
    .gallery-big-image {display: block; float: none; width: 100%; max-width: 300px; margin-right: 0px; margin: 0 auto;}
    .gallery-big-image  a {margin-bottom: 14px; display: block;}
    .gallery-small-image {display: block; width: 100%; max-width: 300px; margin: 0 auto;}
    .gallery-small-image a {width: 100%; max-width: 300px; margin-right: 0px;}
    .gallery-under-image {display: block; width: 100%; max-width: 300px; margin: 0 auto;}
    .gallery-under-image a {width: 100%; max-width: 300px; margin-right: 0px;}

    .detail-content-in .gallery-in h3 {margin-bottom: 25px;}
    .detail-content-in .gallery-big-image {margin-right: auto;}
    .detail-content-in .gallery-small-image {width: 100%; max-width: 300px;}
    .detail-content-in .gallery-small-image a {margin-right: 0px;}
    .detail-content-in .gallery-under-image a {margin-right: 0px;}
    .detail-content-in table td {max-width: 50%; width: 100%;}
}  

@media screen and (max-width: 500px) {
    .footer-item.ft-2 {width: 100%;}
    .footer-item.ft-3 {width: 100%; margin-left: 0px;}
    .form-score-desc > div span {display: none;}

}

@media screen and (max-width: 300px) {
    .footer-item.ft-2 {width: 100%;}
    .footer-item.ft-3 {width: 100%; margin-left: 0px;}

}