#first-section{
	color: #2A66A4;
	font-weight: bold;
	padding: 32px 0 19px;
	background: #fff;
}
.question-mark{
	cursor: pointer;
}
#first-section .main-title{
	font-size: 24px;
	margin-bottom: 16px;
	line-height: 32px;
	color: #14375B;
	font-weight: bold;
}
.font-18{
	font-size: 18px;
	line-height: 1.7;
	font-family: 'Hiragino Kaku Gothic Pro';
}
.title-top .video-wrap {
    position: relative;
    width: 100%;
    height: 198px;
}
.title-top .video-wrap iframe {
    width: 100%;
    height: 100%;
}
#first-section h3.title{
	font-size: 35px;
	line-height: 50px;
	position: relative;
	padding-left: 40px;
}

#first-section h3.title img{
	width: 32px;
	position: absolute;
	left: 0;
	top: 8px;
}
#first-section .content-right{
	width: 350px;
}
#first-section .content-right .video-wrap{
	position: relative;
	height: 198px;
	width: 100%;
	overflow: hidden;
}
#first-section .content-right .video-wrap iframe {
	width: 100%;
	height: 100%;
}
#first-section .content-right .video-wrap .video-item{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.text-red{
	color: rgb(238, 129, 90);
}
#first-section .content-right .video-wrap video{
	width: 100%;
	height: 100%;
}
#first-section .content-right .video-wrap img{
	width: 100%;
	height: 100%;
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 2;
}
#first-section .content-left{
	width: calc(100% - 380px);
	margin-right: 30px;
}
/* second section */
#second-section{
	background: #F5F5F5;
	padding: 66px 0 72px;
}
#second-section .second-title{
	font-size: 36px;
	color: #14375B;
	font-weight: bold;
	line-height: 50px;
	margin-bottom: 50px;
	font-family: 'Hiragino Kaku Gothic Pro';
}
#second-section .label{
	background: #2A66A4;
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	height: 26px;
	width: 61px;
	text-align: center;
	padding: 1px 0;
	margin-bottom: 6px;
	font-weight: bold;
	font-family: 'Hiragino Kaku Gothic Pro';
}
#second-section .third-title{
	font-size: 20px;
	color: #333;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 26px;
	font-family: 'Hiragino Kaku Gothic Pro';
}

#second-section .content{
	background: #fff;
	padding: 16px;
	font-size: 16px;
	line-height: 24px;
	min-height: 200px;
	font-family: 'Hiragino Kaku Gothic Pro';
}

#second-section .card img{
	width: 100%;
}
#second-section .card{
	border-radius: 0;
	border: 0;
	-webkit-box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
	-moz-box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
	box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
	display: block;
}
/* second section */
#third-section{
	background: #fff;
	padding-bottom: 112px;
}
#third-section .third-section-content{
	margin-top: 72px;
}
#third-section .second-title{
	font-size: 36px;
	color: #fff;
	line-height: 48px;
	font-weight: bold;
	padding: 57px 0;
	position: relative;
	background: #73ADE8;
	padding-left: 15px;
	padding-right: 15px;
	z-index: 1;
}
#third-section .second-title:after{
	content: "";
	width: 97px;
	height: 97px;
	background: #73ADE8;
	z-index: -1;
	position: absolute;
	left: calc(50% - 49px);
	bottom: -20px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.solution-content .title-wrapper .label{
	background: #2A66A4;
	width: 136px;
	height: 48px;
	font-size: 32px;
	font-weight: bold;
	line-height: 42px;
	padding: 3px 0;
	text-align: center;
	color: #fff;
	display: inline-block;
	margin-right: 16px;
	font-family: 'Hiragino Kaku Gothic Pro';
}
.solution-content .title-wrapper .third-title{
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	color: #333333;
	display: inline-block;
	font-family: 'Hiragino Kaku Gothic Pro';
}
.price-step{
	width: 100%;
	margin-top: 40px;
}
.price-step .single-step{
	width: calc(33.33% - 19px);
	margin: 0 12px;
	display: inline-block;
	-webkit-box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
	-moz-box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
	box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
	padding: 16px;
	font-size: 16px;
	color: #2A66A4;
	font-weight: bold;
	font-family: 'Hiragino Kaku Gothic Pro';
}
.price-step .single-step:first-child{
	margin-left: 0;
}
.price-step .single-step:last-child{
	margin-right: 0;
}
.price-step .single-step .fourt-title{
	display: block;
	font-size: 18px;
	font-weight: bold;
}
.price-step .single-step img{
	width: 80px;
	margin-top: 5px;
}
.fixed-price .right .img-description{
	text-align: right;
	color: #fff;
	background: #2A66A4;
	font-size: 18px;
	line-height: 25px;
	padding: 13px 16px;
	border-top-left-radius: 87px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -40px;
	font-family: 'Hiragino Kaku Gothic Pro';
}
.fixed-price .right{
	padding-left: 24px;
	padding-right: 0;
}
.fixed-price .right .image-sample{
	-webkit-box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
	-moz-box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
	box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
	position: relative;
}
#third-section .fixed-price .right{
	-ms-flex: 0 0 28%;
	flex: 0 0 28%;
	max-width: 28%;
}
#third-section .fixed-price .left{
	-ms-flex: 0 0 72%;
	flex: 0 0 72%;
	max-width: 72%;
}
/* fourt-section */
#fourt-section{
	background: #F5F5F5;
	padding: 72px 0;
}
.second-solution-list ul.top-list{
	margin-top: 40px;
}
.second-solution-list ul{
	width: 100%;
}
.second-solution-list ul li .small-icon .hover-text{
	background: rgba(0,0,0,0.9);
	position: absolute;
	line-height: 1.5;
	width: 374px;
	z-index: 2;
	color: #fff;
	padding: 14px;
	bottom: calc(100% + 13px);
	display: none;
	left: calc(50% - 187px);
}

.second-solution-list ul li .small-icon .hover-text:after{
	content: url('../../../imgs/service/black-triangle.svg');
	position: absolute;
	bottom: -16px;
	width: 20px;
	left: calc(50% - 10px);
}

.second-solution-list ul li .small-icon .hover-2{
	left: calc(50% - 143px);
	width: 285px;
}
.second-solution-list ul li .small-icon .hover-3{
	left: calc(50% - 120px);
	width: 240px;
}
.second-solution-list ul li .small-icon .hover-4{
	left: calc(50% - 127px);
	width: 254px;
}
.second-solution-list ul li .small-icon .hover-5{
	left: calc(50% - 135px);
	width: 270px;
}
.second-solution-list ul li .small-icon .hover-6{
	left: calc(50% - 118px);
	width: 238px;
}
.second-solution-list ul li .small-icon .hover-9{
	left: calc(50% - 152px);
	width: 316px;
}
.second-solution-list ul li .small-icon .hover-10{
	left: calc(50% - 144px);
	width: 288px;
}
.second-solution-list ul li .small-icon .hover-11{
	left: calc(50% - 118px);
	width: 238px;
}
.second-solution-list ul li .small-icon{
	position: absolute;
	width: 20px;
	height: 20px;
	top: 3px;
	right: 17%;
	cursor: pointer;
	background: url('../../../imgs/service/icon-ask.svg');
}

.second-solution-list ul li .small-icon img{
	display: none
}

.second-solution-list ul li{
	width: 16%;
	margin: 0 6px;
	position: relative;
}
.second-solution-list ul li:first-child{
	margin-left: 0;
	width: 10.2%;
}
.second-solution-list ul li:last-child{
	margin-right: 0;
	width: 10.2%;
}
.second-solution-list .image-base-number{
	margin: 12px 0;
}

.second-solution-list ul.bottom-list li:nth-child(5){
	width: 33%;
}
.second-solution-list ul.bottom-list li:nth-child(5) img{
	position: absolute;
	top: calc(50% - 44px);
}
.popup-solution{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.9);
	z-index: -1;
	text-align: center;
}
.popup-solution.opened{
	z-index: 22;
}

.popup-solution .single-popup .popup-close{
	width: 35px;
	position: absolute;
	top: -17px;
	right: -17px;
	cursor: pointer;
}
.popup-solution .single-popup{
	width: 200px;
	display: none;
	position: relative;
}
/* fifth-section */
#fifth-section{
	background: #fff;
	padding: 72px 0;
}
.image-360-desc {
	font-family: 'Hiragino Kaku Gothic Pro';
	line-height: 1.5;
	font-size: 18px;
}
.img-thumb-360{
	margin-top: 10px;
}
#service-360:before{
	content: url('../../../imgs/icon-360.svg');
	position: absolute;
	top: 10px;
	left: 10px;
	width: 50px;
	z-index: 2;
}
#service-360 .fullscreen{
	background: url('../../../imgs/icon-fullscreen.svg');
	width: 23px;
	position: absolute;
	bottom: 8px;
	right: 8px;
	height: 23px;
	z-index: 2;
	cursor: pointer;
}
#service-360.fullview .fullscreen{
	background: url('../../../imgs/close.svg');
	position: fixed;
	bottom: unset;
	top: 8px;
}
#service-360.fullview{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 30;
}
#service-360{
	position: relative;
	width: 100%;
	height: 328px;
}
#service-360.fullview {
	margin-top: 0 !important;
}
#service-360 #vrview {
	width: 100%;
	height: 100%;
}

/* sixth-section */
#sixth-section{
	color: #fff;
	position: relative;
	padding: 66px 0 72px;
}

#sixth-section .single-ilustrator{
	padding: 0;
}
#sixth-section .dark-blue{
	width: 50%;
	float: left;
	background: #4C7198;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 50%;
	left: 0;
	z-index: 0;
}
#sixth-section .light-blue{
	width: 50%;
	float: right;
	background: #73ADE8;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 50%;
	z-index: 0;
}
#sixth-section .content-6-sect{
	position: relative;
	z-index: 2
/* 	top: 72px;
	bottom: 72px;
	left: 0;
	right: 0; */
}
#sixth-section .second-title{
	font-size: 36px;
	line-height: 48px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 29px;
}
#sixth-section .list-content-blue {
	font-family: 'Hiragino Kaku Gothic Pro';
}
#sixth-section ul{
	margin-bottom: 32px;
}
#sixth-section ul li{
	font-size: 24px;
	margin-bottom: 10px;
	line-height: 30px;
	position: relative;
	padding-left: 14px;
}

#sixth-section ul li:after{
	content: "";
	position: absolute;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	top: 10px;
}
.list-ilustrator .single-ilustrator:nth-child(2) img{
	width: 138px;
}
.list-ilustrator{
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
}
.list-ilustrator .single-ilustrator:first-child img{
	width: 178px;
}
.list-ilustrator .single-ilustrator:last-child img{
	width: 154px;
}
/* seventh-section */
#seventh-section{
	padding: 66px 0 38px;
	background: #fff;
	color: #333333;
}

#seventh-section .second-title{
	font-size: 36px;
	line-height: 48px;
	font-weight: bold;
	color: #14375B;
	margin-bottom: 50px;
}
#seventh-section .list-support{
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	/* margin-bottom: 24px; */
	line-height: 26px;
}
#seventh-section .list-support img{
	width: 160px;
	margin-bottom: 21px;
}
#seventh-section .list-support .single-support:nth-child(4){
	margin-left: 142px;
	margin-top: 24px;
}
#seventh-section .list-support .single-support:last-child{
	margin-top: 24px;
}
#seventh-section .single-support {
	font-family: 'Hiragino Kaku Gothic Pro';
}

#list-staff {
    padding-top: 66px;
}
.title-staff {
    color: #2462A2;
    font-size: 32px;
    line-height: 1.6;
    font-weight: bold;
    padding-bottom: 32px;
    position: relative;
}
.title-staff:after {
    content: "";
    position: absolute;
    width: 32px;
    border-bottom: 2px solid #2462A2;
    bottom: 0;
    left: calc(50% - 16px);
}
.list-staff-wrapper {
    margin-top: 40px;
}
.single-staff {
    background: #f3f3f3;
    position: relative;
    margin-bottom: 80px;
    height: 244px;
}
.single-staff .staff-descryption {
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    left: 16px;
    right: 16px;
    bottom: -45px;
    padding: 8px 16px;
}
.single-staff .staff-descryption .staff-position {
    padding-bottom: 5px;
    border-bottom: 1px solid #707070;
    margin-bottom: 5px;
    font-size: 14px;
		color: #707070;
}
.single-staff .staff-descryption .staff-name {
    font-size: 18px;
    font-weight: bold;
		color: #707070;
}

/* eighth-section */
#eighth-section{
	padding: 72px 0;
	background: #F5F5F5;
}
#eighth-section .img-form{
	width: 385px;
	margin-bottom: 32px;
}
#eighth-section .second-title{
	font-size: 24px;
	font-weight: bold;
	line-height: 38px;
	color: #333333;
	margin-bottom: 40px;
	text-align: center;
	font-family: 'Hiragino Kaku Gothic Pro';
}
#eighth-section .single-step{
	-webkit-box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
	-moz-box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
	box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
}
.list-sample-pdf{
	margin-top: 32px;
	margin-bottom: 32px;
}
.list-step-app{
	margin-bottom: 72px;
}
#eighth-section .single-pdf-sample{
	-webkit-box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
	-moz-box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
	box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
}
/* butoon section */
#button-section{
	padding: 72px 0;
	position: relative;
}
.contact-button{
	background: #2462A2;
	border-radius: 26px;
	color: #fff;
	font-weight: bold;
	padding: 3px 37px;
	display: inline-block;
	margin-top: 16px;
}
.button-section-wrapper{
	/* width: 540px; */
	margin: auto;
}
.btn-phone-bottom {
	font-size: 30px;
	line-height: 40px;
	color: #67A6E6;
	font-weight: bold;
	margin-top: 16px;
	border-bottom: 1px dotted #67A6E6;
	display: inline-block;
	margin-bottom: 8px;
	padding-bottom: 4px;
}
.btn-phone-bottom img {
	width: 24px;
	margin-right: 4px;
	margin-top: -5px;
}
.phone-button {
	border: 2px solid #67A6E6;
	border-radius: 26px;
	background: #fff;
	color: #67A6E6;
	padding: 6px 65px;
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	max-width: 350px;
	position: relative;
	transform: translateX(-50%);
	left: 50%;
}
.img-triangle-blue{
	width: 128px;
}
.red-mark {
	max-width: 100%;
	height: auto;
	margin-right: 4px;
	margin-bottom: 4px;
}

.btn-show-sample{
	font-size: 24px;
	line-height: 1;
	font-weight: bold;
	border: 2px solid #67A6E6;
	padding: 16px 20px;
	width: 540px;
	color: #67A6E6;
	margin: auto;
	background: #fff;
	display: block;
	margin-bottom: 40px;
	-webkit-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.24);
	-moz-box-shadow:0px 2px 2px rgba(0, 0, 0, 0.24);
	box-shadow:0px 2px 2px rgba(0, 0, 0, 0.24);
}
#sample_show{
	padding-top: 8vh;
}
#slider-show-sample{
	display: none;
}
#slider-show-sample .sample-image img{
    margin: auto;
    -o-object-fit: contain;
       object-fit: contain;
    position: absolute !important;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
#slider-show-sample .sample-image{
	min-height: 40vw;
	position: relative;
}
#sample_show .close-sample-button {
	top: 5vw;
	right: 30px;
	background: url(../../../imgs/ico-close.svg), #fff;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	cursor: pointer;
}
#slider-show-sample .slick-slide{
	border: 0;
}
#sample_show .wrapper-slider-popup{
    width: 60vw;
    margin: auto;
    height: 40vw;
    position: relative;
}
#sample_show .slick-arrow{
	color: #707070;
	font-size: 32px;
	top: calc(50% - 18px);
	bottom: auto;
	height: 36px;
	width: 36px;
	background: #fff;
	border-radius: 50%;
	padding: 2px 14px;
}
#sample_show .slick-arrow.slick-prev{
	left: -68px;
	display: none;
	padding: 2px 11px;
}
#sample_show .slick-arrow.slick-next{
	right: -68px;
}
#sample_show .slick-dots li button{
	background: #5d5a55;
	width: 10px;
	height: 10px;
}
#sample_show  .slick-dots li.slick-active button{
	background: #fff;
}
#sample_show .slick-dots li{
	width: auto;
	margin: 0 4px;
}
#sample_show .slick-dots{
	margin-top: 8px;
}
.popup-content {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

@media (min-width:1200px) {
	.below-1200 {
		display: none;
	}
}

@media (max-width:1199px) {
	#seventh-section .list-support .single-support:nth-child(4){
		margin-left: 120px;
	}
	#seventh-section .list-support {
		font-size: 15px;
	}
	#sixth-section .second-title {
		font-size: 32px;
	}
	#seventh-section .second-title{
		font-size: 32px;
	}
	/* .image-360-desc { line-height: 1.7;} */
	.img-thumb-360 {
		margin-top: 19px;
	}
	#first-section h3.title {
		font-size: 30px;
		line-height: 36px;
	}
	#second-section .content {
		min-height: 224px;
	}
	#third-section .second-title {
		font-size: 34px;
	}
	.solution-content .title-wrapper .label {
		font-size: 28px;
		height: 42px;
		width: 124px;
		padding: 6px 0;
		line-height: 34px;
	}
	.solution-content .title-wrapper .third-title {
		font-size: 25px;
	}
	.price-step {
		margin-top: 32px;
	}
	.price-step .single-step .fourt-title {
		font-size: 14px;
	}
	.fixed-price .right .img-description {
		font-size: 14px;
	}
	.single-staff {
	    height: 210px;
	}

}
@media (max-width:991px) {
	.single-staff {
	    height: 150px;
	}
	.hide-below-991 { display: none;}
	#eighth-section .second-title {
		font-size: 19px;
	}
	#sixth-section .second-title {
		font-size: 30px;
	}
	.image-360-desc{
		font-size: 16px;
		/* line-height: 20px; */
	}
	#service-360{
		width: 100%;
		height: 258px;
	}
	.solution-content .title-wrapper .label {
		font-size: 28px;
		height: 41px;
		width: 110px;
		padding: 5px 0;
		line-height: 34px;
	}
	.img-thumb-360 {
		margin-top: 7px;
	}
	.price-step .single-step .fourt-title {
		font-size: 18px;
	}
	.solution-content .title-wrapper .third-title {
		font-size: 22px;
	}
	.solution-content .title-wrapper .label {
		font-size: 22px;
	}
	#third-section .fixed-price .left{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#third-section .fixed-price .right {
		-ms-flex: 0 0 45%;
		flex: 0 0 45%;
		max-width: 45%;
		padding: 0 15px;
		margin: 32px auto;
	}
	.fixed-price .right .img-description {
		font-size: 18px;
	}
	#first-section h3.title {
		font-size: 24px;
		line-height: 33px;
	}
	#first-section .main-title {
		font-size: 22px;
	}
	#second-section .content {
		min-height: 321px;
	}
	.single-staff .staff-descryption {
	    left: 8px;
	    right: 8px;
	    padding: 8px 10px;
	}
}
@media (min-width:768px) {
	.button-section-wrapper a.phone-button:hover{
		color: #67A6E6;
		opacity: 0.7;
	}
	.button-section-wrapper a.btn-phone-bottom:hover{
		color: #67A6E6;
		opacity: 0.7;
	}
	.button-section-wrapper a.contact-button:hover{
		color: #fff;
		opacity: 0.7;
	}
	.second-solution-list ul li:first-child:hover{
		opacity: 1;
		cursor: context-menu;
	}
	.second-solution-list ul li:last-child:hover{
		opacity: 1;
		cursor: context-menu;
	}
	.second-solution-list ul li:first-child{
		cursor: context-menu;
	}
	.second-solution-list ul li:last-child{
		cursor: context-menu;
	}
	.second-solution-list ul.bottom-list li:nth-child(5):hover{
		opacity: 1;
	}
	.second-solution-list ul.bottom-list li:nth-child(5){
		cursor: context-menu;
	}
	#fifth-section #desc-image-360 .col-md-5 {
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}
	#fifth-section #desc-image-360 .col-md-7 {
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}
}

@media (max-width:767px) {
	.single-staff {
	    height: 248px;
	}
	.second-solution-list ul.bottom-list{
		float: right;
	}
	.second-solution-list ul.top-list{
		margin-top: 0;
	}
	.second-solution-list{
		margin-top: 24px;
	}
	.second-solution-list .image-base-number {
		margin: 0;
		width: calc(20% - 11px);
		float: left;
		margin:0 8px;
	}
	.second-solution-list ul li:first-child{
		width: 100%;
		margin-right: 0;
	}
	.second-solution-list ul li:last-child{
		width: 100%;
		margin-left: 0;
	}
	.second-solution-list ul li {
		width: 100%;
		margin: 6px 0;
	}
	.second-solution-list ul{
		-ms-flex-direction: column!important;
		flex-direction: column!important;
		width: calc(42.5% - 16px);
		float: left;
	}
	.second-solution-list ul li .small-icon{
		right: 4%;
		top: 4px;
	}
	.image-360-desc{
		font-size: 18px;
		line-height: 26px;
	}
	#third-section .third-section-content {
		margin-top: 64px;
	}
	#seventh-section .list-support{
		margin-bottom: 0;
	}
	#sixth-section .dark-blue{
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 0;
	}
	#sixth-section .light-blue{
		width: 100%;
		bottom: 0;
		height: 358px;
		left: 0;
		right: 0;
		top: unset;
		z-index: 1;
	}
	.list-ilustrator .single-ilustrator:nth-child(2) img{
		width: 78px;
	}
	#sixth-section .second-title {
		font-size: 24px;
		line-height: 35px;
		margin-bottom: 16px;
	}
	#sixth-section .list-content-blue{
		padding: 0;
	}
	#sixth-section .list-content-blue ul li {
		font-size: 16px;
		font-weight: normal;
		line-height: 24px;
		margin-bottom: 7px;
	}
	#sixth-section ul li:after{
		top: 7px;
	}
	.img-triangle-blue{
		width: 124px;
	}
	#sixth-section .single-ilustrator{
		margin-bottom: 20px;
		line-height: 1.7;
	}
	#list-staff {
    padding-top: 56px;
	}
	.title-staff {
    font-size: 28px;
	}
	.single-staff {
    margin-bottom: 45px;
	}
	.single-staff .staff-descryption {
    left: 8px;
    right: 8px;
    line-height: 1;
    bottom: -30px;
	}
	.list-staff-wrapper .col-6.col-md-3:nth-child(odd) {
    padding-right: 7.5px;
	}
	.list-staff-wrapper .col-6.col-md-3:nth-child(even) {
    padding-left: 7.5px;
	}

	#sixth-section .single-ilustrator:last-child{
		margin-bottom: 0;
	}
	#sixth-section{
		padding: 56px 0;
	}
	#button-section{
		padding: 56px 0;
	}
	#eighth-section{
		padding: 56px 0;
	}
	.list-sample-pdf{
		margin-bottom: 24px;
	}
	.btn-show-sample {
    width: 100%;
    font-size: 16px;
    margin-bottom: 32px;

	}
	.popup-content {
	    width: 100%;
	    margin: auto;
	    display: block;
	    padding: calc(50vh - (37vw + 150px)) 15px;
	}
	#sample_show {
	    padding: 4vh 0;
	}
	#sample_show.popup-content {
	    width: 100%;
	}
	#sample_show .wrapper-slider-popup {
    padding: calc(11vh - 30px) 0;
    width: 100%;
	}
	#sample_show .wrapper-slider-popup .slider-sample {
    width: 100%;
    margin: auto;
	}
	#slider-show-sample .sample-image {
    min-height: 83vh;
	}
	#sample_show .close-sample-button {
    top: 15px;
    right: 15px;
    z-index: 5;
	}
	#sample_show .slick-arrow {
    display: none !important;
	}
	#eighth-section a.button01 {
		display: block;
	}
	.hide-sp{
		display: none !important;
	}
	/* #eighth-section .single-pdf-sample {
		width: 256px;
		margin: auto;
	} */
	#eighth-section .img-form{
		width: 100%;
	}
	#eighth-section .second-title {
		font-size: 22px;
		line-height: 32px;
		margin-bottom: 24px;
	}
	.list-step-app{
		margin-bottom: 56px;
	}
	#eighth-section .single-step{
		margin-bottom: 24px;
	}
	#eighth-section .list-step-app .col-12:last-child .single-step{
		margin-bottom: 0;
	}
	#seventh-section .list-support .single-support{
		margin-bottom: 32px;
	}
	#seventh-section .list-support .single-support:nth-child(4){
		margin-left: 0;
		margin-top: 0;
	}
	#seventh-section .list-support .single-support:last-child{
		margin-top: 0;
		margin-bottom: 0;
	}
	#seventh-section .list-support {
		font-size: 16px;
	}
	.title-top.d-flex{
		display: block !important;
	}
	#first-section .content-left {
		width: 100%;
		margin-right: 0;
	}
	#first-section .content-right {
		width: 100%;
		margin-top: 24px;
	}
	#first-section .content-right .video-wrap {
		height: 289px;
	}
	#first-section h3.title{
		font-size: 28px;
	}
	#first-section h3.title img {
		top: 4px;
	}
	#first-section{
		padding: 24px 0 56px;
	}
	#second-section .second-title {
		font-size: 24px;
		line-height: 36px;
		margin-bottom: 24px;
	}
	#second-section{
		padding: 56px 0;
	}
	#second-section .content {
		min-height: 50px;
		text-align: justify;
	}
	#second-section .card{
		margin-bottom: 32px;
	}

	#second-section .col-12:last-child .card{
		margin-bottom: 0;
	}
	#third-section .second-title {
		font-size: 24px;
		line-height: 36px;
		padding: 16px 15px;
	}
	.solution-content .title-wrapper .label{
		display: block;
		margin-bottom: 8px;
		font-size: 24px;
		height: 42px;
		width: 108px
	}
	.solution-content .title-wrapper .third-title {
		font-size: 22px;
		line-height: 29px;
		margin-bottom: 10px;
		margin-top: 2px;
	}
	.price-step .single-step {
		width: 225px;
		height: 197px;
		margin: 0;
		margin-bottom: 16px;
		padding: 20px;
	}
	.price-step {
		width: 225px;
		margin: 0 auto;
		margin-top: 24px;
	}
	.price-step .single-step span {
		font-size: 18px;
	}
	.price-step .single-step .fourt-title {
		font-size: 20px;
		margin-bottom: 8px;
	}
	#third-section .fixed-price .right {
		-ms-flex: 0 0 225px;
		flex: 0 0 225px;
		max-width: 225px;
		padding: 0;
		margin: auto;
	}
	.fixed-price .right .img-description {
		font-size: 16px;
	}
	#third-section {
		padding-bottom: 96px;
	}
	#fourt-section {
		padding: 56px 0;
	}
	#fifth-section{
		padding: 56px 0;
	}
	.img-thumb-360{
		display: none;
	}
	#service-360 {
		width: 100%;
		height: 350px;
		margin-top: 24px;
	}
	#seventh-section{
		padding: 56px 0;
	}
	#seventh-section .second-title {
		font-size: 24px;
		line-height: 36px;
		margin-bottom: 32px;
	}
	#eighth-section .list-step-app {
		margin-bottom: 40px;
	}
	.sticky-layout {
		position: fixed;
		bottom: 50px;
		text-align: right;
		width: 510px;
		display: none;
		z-index: 3;
	}
	.sticky-close-btn {
		display: inline-block;
		background: #000;
		line-height: 1;
		padding: 4px 6px;
		max-height: 24px;
		max-width: 24px;
		text-align: center;
		color: #ffffff;
		border-radius: 50%;
		cursor: pointer;
		z-index: 10;
	}
	.stikcy-content {
		background: rgba(0,0,0,0.9);
		color: white;
		padding: 14px;
		border-radius: 8px;
		text-align: left;
		cursor: pointer;
	}
	.diagram-sp { margin-top: 30px;}
	.diagram-sp .sticky-layout .stikcy-content p {
		display: none;
		line-height: 1.7;
	}

	.button-section-wrapper a.btn-phone-bottom:hover{
		color: #67A6E6;
		text-decoration: none;
	}
	a.contact-button:hover {
		color: #FFFFFF;
		text-decoration: none;
	}
}
@media (max-width:575px) {
	.single-staff {
	    height: 48vw;
	}
	.button-section-wrapper {
		width: 100%;
	}
	#first-section h3.title {
		font-size: 26px;
	}
	#first-section .content-right .video-wrap {
		height: 52vw;
	}
	#service-360{
		height: 70vw;
	}
	#seventh-section .list-support .single-support:nth-child(odd){
		padding-right: 10px;
	}
	#seventh-section .list-support .single-support:nth-child(even){
		padding-left: 10px;
	}
	.title-staff {
    font-size: 5.5vw;
    padding-bottom: 16px;
	}
	.phone-button {
		padding: 6px 16px;
		font-size: 18px;
		display: block;
	}
	.second-solution-list .image-base-number {
		width: calc(20% - 12px);
	}
	.sticky-layout {
		width: calc(100% - 30px);
	}
	.popup-content {
    width: auto;
    margin: auto;
    display: block;
	}
}

@media (max-width:374px) {

	.second-solution-list .image-base-number {
		width: calc(20% - 5px);
	}
	.second-solution-list ul {
		width: calc(43% - 16px);
	}
	.button01 {
		padding: 12.5px 10px;
		min-width: 100%;
		font-size: 16px;
		width: 100%;
	}
	/* #seventh-section .list-support .single-support {
		font-size: 14px;
		} */
		.solution-content .title-wrapper .third-title {
			font-size: 22px;
		}
		#first-section h3.title {
			font-size: 22px;
			line-height: 30px;
			padding-left: 28px;
			margin-bottom: 4px;
		}
		#first-section h3.title img {
			width: 22px;
			top: 5px;
		}
		#sixth-section h2.second-title br {
			display: none !important;
		}
		.single-staff .staff-descryption {
    	padding: 8px 8px;
		}
	}
	@media (max-width:350px) {
		.btn-show-sample {
	    width: 100%;
	    font-size: 14px;
		}
	}
	@media (max-width:325px) {
		.above-325px { display: none !important;}
	}
.reload-staf{
		width: 70px;
    min-width: auto !important;
    left: 0 !important;
    transform: none !important;
}
.single-staff-reload{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
		background: #ccc;
}