/*
   --ADIYOGA GRUNE WAS HERE--
   Include style from other page : index, service, designer-application, faq
*/
/* @import url('../laravel/public/css/frontend/pages/index.css');
@import url('../laravel/public/css/frontend/pages/service.css');
@import url('../laravel/public/css/frontend/pages/designer.css');
@import url('../laravel/public/css/frontend/pages/faq.css'); */

/* Style Contractor Application here */
#about-service .second-title {
	font-size: 36px;
	line-height: 48px;
	color: #14375B;
	margin-bottom: 0;
  }

  #second-section, #seventh-section {
	padding: 88px 0;
  }

  #second-section .content {
	color: #333333;
	min-height: 175px;
  }

  #third-section {
	padding-bottom: 0;
  }

  #seventh-section .second-title {
	margin-bottom: 0;
  }

  .bg-grey {
	background: #F5F5F5!important;
  }

  #seventh-section .list-support {
	font-size: 16px;
	margin-top: 30px;
  }

  #seventh-section .list-support img {
	width: 225px;
  }

  #seventh-section .list-support .single-support:last-child {
	margin-top: 0;
  }

  #btn-show-sample.btn-show-sample {
	margin-bottom: 0;
  }

  #faq-content .second-title {
	font-size: 36px;
	line-height: 48px;
	font-weight: bold;
	color: #14375B;
	margin-bottom: 50px;
  }


@media( max-width:767px ){
	#second-section, #seventh-section {
  		padding: 56px 0
    }
}

  .design-banner .outerset > .container {
	padding: 40px 0 20px;
  }

  .border-box {
	border: 4px solid #2462A2;
	border-radius: 4px;
	padding: 72px;
  }

  .design-banner .banner-content {
	padding: 0;
  }

  .design-banner .banner-content:before {
	background-image: none;
  }

  .design-banner .banner-content .title {
	padding: 10px 0;
	font-size: 53px;
	line-height: 64px;
	font-weight: normal;
	letter-spacing: -1px;
	font-family: YuGothic;
  }

  .design-banner .banner-content .title img {
	margin:0 10px;
  }

  .txtbold {
	font-weight: bold;
  }
  .error-text{
		color:#f00 !important;
		padding-left: 0;
		font-weight: bold;
    font-size: 14px !important;
	}

  .btn-contractor {
	width: 265px;
	background: #F1645C;
	margin: 12px 0;
	padding: 5px;
	font-size: 24px;
  }

  #illust-contractor {
	background: #12365C;
	padding: 60px 0;
  }

  /* modal form style */
  body.modal-open {
	overflow: hidden;
	padding-right: 0!important;
  }

  .modal-form .modal-body {
	padding: 65px 95px 0;
  }

  .modal-form .modal-content {
	border-radius: 0;
  }

  .modal-form .step-label {
	background: #2A66A4;
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding: 2px 5px;
	font-weight: bold;
	font-family: 'Hiragino Kaku Gothic Pro';
	display: inline-block;
  }

  .modal-form .title-form {
	font-size: 36px;
	line-height: 48px;
	font-weight: bold;
	color: #14375B;
	display: inline-block;
	vertical-align: middle;
	margin: 0 14px;
  }

  .modal-form .subtitle-form {
	font-size: 16px;
	color: #333333;
  }

  .modal-form .nav-tabs {
	border-bottom: 0;
	margin: 25px 0;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
	  flex-wrap: unset;
  }

	ul.nav.nav-tabs li {
		flex: 1 1 100%;
	}

  .modal-form .nav-tabs li button.btn-tab {
	background: #C0D1E3;
	border: 2px solid #C0D1E3;
	color: #FFFFFF;
	font-family: 'Hiragino Kaku Gothic Pro';
	margin: 1px;
  }

.modal-form .nav-tabs li button.btn-tab:focus {
	outline: none;
}

  .modal-form .nav-tabs li button.active:after {
	border: solid #2462A2;
	border-width: 0 2px 2px 0;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	content: "";
	background: #fff;
	  position: absolute;
	  right: 0;
	  z-index: 9;
  }
  /*chrome style*/
  @media screen and (-webkit-min-device-pixel-ratio:0) {
	.modal-form .nav-tabs li button.btn-tab {
		height: 55px;
		width: calc(100% - 2px);
		position: relative;
	}
    .modal-form .nav-tabs li button.active{

	}
	.modal-form .nav-tabs li button.active:after {
		padding: 18px;
		z-index: 999;
		right: -19px;
		top: 6px;
	}
  }
  /*firefox style*/
  @-moz-document url-prefix() {
  .modal-form .nav-tabs li button.active{

	}
  }

  .modal-form .nav-tabs li span.step-label-tab {
	background: #FFFFFF;
	color: #C0D1E3;
	font-family: 'Hiragino Kaku Gothic Pro';
	font-size: 12px;
	padding: 1px 2px;
  }

  .modal-form .nav-tabs li button.active {
	background: #FFFFFF!important;
	color: #2462A2!important;
	border: 2px solid #2462A2!important;
	border-right: 0!important;
  }

  .modal-form .nav-tabs li span.title-tab {
	margin-left: 6px;
  }

  .modal-form .nav-tabs li button.active span.title-tab {
	font-weight: bold;
  }

  .modal-form .nav-tabs li button.active span.step-label-tab {
	background: #2462A2;
	padding: 2px;
  }

  .modal-form .btn-modal {
	display: flex;
	position: relative;
	cursor: pointer;
	font-size: 18px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 13.8px;
	text-align: center;
	align-items: center;
	justify-content: center;
	transition: .5s ease;
  }

  .modal-form button.btn-next {
	width: 100%;
  }

  .modal-form button.btn-back {
	background: #FFFFFF;
	color: #2462A2;
	border: 2px solid #2462A2;
	width: 100%;
	font-weight: bold;
	}
	.modal-form button.btn-cancel{
		border: 2px solid #AAAAAA;
		color:#AAAAAA
	}

  .modal-form button.btn-next,.modal-form button.btn-next:hover {
	background: #2462A2;
	color: #FFFFFF;
  }

  .modal-form h5 {
	font-size: 24px;
	font-weight: bold;
	color: #14375B;
  }

  button.btn-closeup {
	width: 350px;
  }

  label.nobold {
	font-weight: normal!important;
  }

  .font-16 {
	font-size: 16px!important;
	}
	.font-14{
		font-size: 14px!important;
	}

  .font-12 {
	font-size: 12px!important;
  }

  .pt-80 {
	padding-top: 88px;
  }

  .modal-backdrop {
	background: rgba(0,0,0,0.5)!important;
  }

  .form-row textarea {
	height: 120px;
  }

  .btn-outline {
	background: transparent;
	border: 1px solid #444444;
	border-radius: 0;
  }

  .checkbox-form {
	display: block;
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: normal;
  }

  .checkbox-form input[type=checkbox], .checkbox-form input[type=radio] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }

  .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #fff;
	border: 1px solid #aaa;
  }

  .checkbox-form:hover input ~ .checkmark,.checkbox-form:hover input ~ .radiomark {
	background-color: #fff;
	border: 1px solid #444444;
  }

  .checkbox-form input:checked ~ .checkmark {
	background-color: #fff;
	border: 1px solid #444444;
  }

  .checkmark:after, .radiomark:after {
	content: "";
	position: absolute;
	display: none;
  }

  .checkbox-form input:checked ~ .checkmark:after, .checkbox-form input:checked ~ .radiomark:after {
	display: block;
  }

  .checkbox-form .checkmark:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: 1px solid #444444;
	border-width: 0 1px 1px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }

  .form-group .form-upload .btn-upload {
	width: 60px!important;
	font-weight: normal!important;
	}
	.radiomark {
		position: absolute;
		top: 0;
		left: 0;
		height: 18px;
		width: 18px;
		background-color: #fff;
		border-radius: 50%;
		border: 1px solid #aaa;
		}
	.checkbox-form input:checked ~ .radiomark {
		background-color: #fff;
	}
  /*chrome style*/
  @media screen and (-webkit-min-device-pixel-ratio:0) {
		/*radio */
		.checkbox-form .radiomark:after {
		    top: 1.8px;
		    left: 1.8px;
		    width: 12.5px;
		    height: 12.5px;
		    border-radius: 50%;
		    background: #2462A2;
		}
	}
	@-moz-document url-prefix() {
		/*radio */
			.checkbox-form .radiomark:after {
				top: 1.5px;
				left: 1.9px;
				width: 12.5px;
				height: 13px;
				border-radius: 50%;
				background: #2462A2;
			}
	}

  .form1-inline {
	display: inline;
  }

  .checkbox-title {
	display: inline;
	margin-right: 12px;
  }

  .borderbottom-form {
	border-bottom: 1px solid #707070;
  }

  .p-about01 {
	color: #707070;
	font-weight: bold;
	font-size: 16px;
  }

  .p-about02, .p-about02 span {
	color: #707070;
	font-size: 14px;
	font-weight: normal;
  }

  .modal-form h4.title-end {
	color: #14375B;
	font-weight: bold;
	font-size: 36px;
  }

  .modal-form .text-end p {
	color: #333333;
	font-size: 16px;
	font-weight: normal;
  }

  .pc-only-inline {
	display: inline!important;
  }

  a.link-inline {
	color: #2462A2;
	text-decoration: underline;
	display: inline;
	cursor: pointer;
  }

  .form-group .form-upload .btn-upload {
	height: 30px!important;
	border: 1px solid #444444!important;
	border-radius: 2px!important;
	color: #707070!important;
	font-size: 14px!important;
	padding: 5px 8px!important;
	margin: 0!important;
  }

  .form-group .form-upload input[type="file"] {
	display: none!important;
  }

  .form-group .form-upload .alt {
	display: inline-block!important;
	vertical-align: middle!important;
	font-size: 14px!important;
  }

  .brief.banner-brief {
	display: block!important;
	line-height: 26px;
	font-family: Hiragino Kaku Gothic ProN;
  }

	/*changes*/
	.pad-facopy{
		padding-right:10px;
	}
	#second-section .label{
		width: 70px;
	}
	.text-normal{
		font-weight: normal;
	}
	.wrap-btn-zip .btn-full:hover{
		border: 0;
    color: #fff;
    background-color: #2462A2;
	}
	.m40{
		margin: 40px 0!important;
	}
	.btn-coresponden{
		white-space: normal;
		text-align: left;
	}
	.hiddenbro{
		visibility: hidden;
		position: absolute;
	}
	.thisisrequiredformError, .hidden_corespondenformError{
		border-top: 0 solid #f00!important;
		font-weight: bold;
		padding-top: 10px;
	}
	.textradio1formError, .textradio2formError{
		border-top: 0 solid #f00!important;
		font-weight: bold;
		padding-top: 10px;
	}


	
  /* Mobile Responsive here */
  @media only screen
	and (min-device-width: 992px)
	and (max-device-width: 1366px){
  	/*chrome style*/
  @media screen and (-webkit-min-device-pixel-ratio:0) {
		.checkbox-form .radiomark:after {
		    top: 1.8px;
		    left: 2px;
		    width: 12px;
		    height: 12.5px;
		    border-radius: 50%;
		    background: #2462A2;
		}
	}
	@-moz-document url-prefix() {
		.checkbox-form .radiomark:after {
		    top: 1.4px;
		    left: 1.9px;
		    width: 12.5px;
		    height: 12.7px;
		    border-radius: 50%;
		    background: #2462A2;
		}
	}
  }
  @media (min-width: 992px) {
	.modal-lg {
	  max-width: 922px;
	}

	.break-mobile {
	  display: inline;
	}
  }

  @media only screen and (max-width:992px) {
	#footer01 .nav-footer-left .nav-link,#footer01 .nav-footer-left {
	  font-size: 12px!important;
	}
	  .modal-form .modal-body {
		  padding: 40px 20px 0;
	   }
	  .tab-pane .form-row > .font-12 {
		  line-height: 20px;
	  }
  }

  @media only screen and (max-width: 768px) {
	img.sp-only {
	  width: 100%;
	  margin: 0 0 15px;
	}

	.btn.btn-section {
	  width: 100%;
	}

	.pc-only-inline {
	  display: none!important;
	}

	  /*modal*/
	.modal-form .modal-body {
	  padding: 40px 20px 0;
	}

	.modal-form .nav-tabs li button.btn-tab {

	}
  .modal-form .nav-tabs li button.active {

	}

	.modal-form h4.title-end {
	  font-size: 24px;
	  text-align: left!important;
	}
	.section-controls{
		margin-top:24px;
	}
  }

	@media (max-width: 344px) {
		body .design-banner .banner-content .title{
			font-size: 36px;
			letter-spacing: -4px;
			line-height: 42px;
		}

		#about-service .second-title, #third-section .second-title {
			font-size: 22px;
			line-height: 26px;
		}
  }
  @media only screen and (max-width: 480px) {
	a.btn-contractor {
	  width: 100%;
	  font-weight: bold;
	}

	.design-banner .banner-content {
	  padding: 0;
	}

	.design-banner .banner-content .title {
	  font-size: 42px;
	  line-height: 51px;
	  letter-spacing: -2px;
	}

	.design-banner .banner-content .title img {
		width: 48px;
		margin:0 6px;
	}

	.brief.banner-brief {
	  font-size: 16px;
	  letter-spacing: 0;
	}

	#about-service {
	  padding: 24px 0;
	}

	#about-service .second-title {
	  font-size: 24px;
	  line-height: 32px;
	  margin-bottom: 0;
	  letter-spacing: -1px;
	}

	.border-box {
	  padding: 25px 10px;
	}

	.rowpad-15 {
	  padding: 0 15px;
	}

	  /*register form */
	.modal-form .title-form {
	  font-size: 24px;
	}

	.modal-form .modal-body {
	  padding: 30px 20px 0;
	}
  /*chrome style*/
  @media screen and (-webkit-min-device-pixel-ratio:0) {

		.modal-form .nav-tabs li button.active {

		}
	}
	@-moz-document url-prefix() {
		.modal-form .nav-tabs li button.active {

		}
	}

		.modal-form .nav-tabs li button.active span.step-label-tab {
		padding: 4px;
		}

		.design-banner .outerset > .container {
		padding: 21px 0px;
		}

		#illust-contractor {
		padding: 32px 0 17px;
		}

		#third-section .second-title {
		line-height: 34px;
		}

		.border-box p {
		color: #333333;
		}
		.form-default .form-control{
			font-size: 14px;
		}

  }

	/* Spesifik Media Query */

	/* landscape iphone 5 */
	@media only screen
	and (min-device-width: 320px)
	and (max-device-width: 720px)
	and (-webkit-min-device-pixel-ratio: 1)
	and (orientation: landscape){
		/*chrome style*/
		@media screen and (-webkit-min-device-pixel-ratio:0) {

		}
		@-moz-document url-prefix() {
			.modal-form .nav-tabs li button.active{

			}
		}
	}


  /* Portrait Iphone 5,5s, SE*/
  @media only screen
	and (min-device-width: 320px)
	and (max-device-width: 365px)
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: portrait) {
	body .design-banner .banner-content .title {
	  font-size: 34px;
	  line-height: 42px;
	}

	.design-banner .banner-content .title img {
	  width: 42px;
	}

	.brief.banner-brief,.modal-form .subtitle-form,.modal-form .text-end p {
	  font-size: 14px;
	  line-height: 24px;
	}

	#about-service .second-title,#third-section .second-title {
	  font-size: 22px;
	  line-height: 28px;
	}

	.entitle {
	  font-size: 24px;
	}

	.border-box p {
	  font-size: 14px;
	  line-height: 24px;
	}

	.modal-form .step-label {
	  font-size: 14px;
	  padding: 0 6px;
	}

	.modal-form .nav-tabs li button.active span.step-label-tab {
	  padding: 4px 2px;
		position: relative;
		z-index: 10;
	}

	.modal-form .title-form {
	  font-size: 21px;
	}
  /*chrome style*/
	@media screen and (-webkit-min-device-pixel-ratio:0) {

		.modal-form .nav-tabs li button.active {

		}
	}

	@-moz-document url-prefix() {
		.modal-form .nav-tabs li button.active {

		}

	}

	.modal-form .btn-modal {
	  font-size: 16px;
	}

	.form-group .form-upload .alt {
	  font-size: 12px!important;
	}
  }
  /* Landscape Iphone 5,5s, SE */
  @media only screen
	and (min-device-width: 320px)
	and (max-device-width: 568px)
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: landscape) {
		/*chrome style*/
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.modal-form .nav-tabs li button.active {

			}
		}
		@-moz-document url-prefix() {
			.modal-form .nav-tabs li button.active {

			}
		}
  }

  /* portrait Iphone 6,7,8*/
  @media only screen
	and (min-device-width: 375px)
	and (max-device-width: 667px)
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: portrait) {
		@media screen and (-webkit-min-device-pixel-ratio:0){
			.checkbox-form .radiomark:after {
			    top: 1.6px;
			    left: 1.5px;
			    width: 12.5px;
			    height: 12.5px;
			    border-radius: 50%;
			    background: #2462A2;
			}
		}
		@-moz-document url-prefix() {
			.modal-form .nav-tabs li button.active {

			}
		}
	}
  /* Landscape Iphone 6,7,8*/
  @media only screen
	and (min-device-width: 375px)
	and (max-device-width: 667px)
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: landscape) {

	.design-banner .banner-content .title {
	  font-size: 48px;
	  line-height: 51px;
	  letter-spacing: -3px;
	}

	.design-banner .banner-content .title img {
	  width: 50px;
	}

	.design-banner .banner-content {
	  padding: 0;
	}

	#about-service,#third-section .second-title {
	  padding: 32px 0;
	}

	#about-service .second-title,#third-section .second-title {
	  font-size: 34px;
	  line-height: 44px;
	}

	.border-box {
	  padding: 24px;
	}

	.border-box p {
	  color: #333333;
	}

	.design-application {
	  padding: 88px 0;
	}

	.modal-form .text-end p {
	  font-size: 14px;
	  line-height: 24px;
	}
  /*chrome style*/
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.modal-form .nav-tabs li button.active {

		}
		.checkbox-form .radiomark:after {
		    top: 1.6px;
		    left: 2px;
		    width: 12px;
		    height: 12px;
		    border-radius: 50%;
		    background: #2462A2;
		}
	}
	@-moz-document url-prefix() {
		.modal-form .nav-tabs li button.active {

		}
	}

  }

  /* Portrait 6+,7+,8+*/
  @media only screen
	and (min-device-width: 414px)
	and (max-device-width: 736px)
	and (-webkit-min-device-pixel-ratio: 3)
	and (orientation: portrait) {
   /*chrome style*/
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.modal-form .nav-tabs li button.active {

			}
		}
		@-moz-document url-prefix() {
			.modal-form .nav-tabs li button.active {

			}
		}

	}

  /* Landscape 6+,7+,8+*/
  @media only screen
	and (min-device-width: 414px)
	and (max-device-width: 736px)
	and (-webkit-min-device-pixel-ratio: 3)
	and (orientation: landscape) {
	.design-banner .banner-content .title {
	  line-height: 54px;
	}
	#about-service {
	  padding: 32px 0;
	}
	#about-service .second-title {
	  line-height: 42px;
	  letter-spacing: -1px;
	}
		/*chrome style*/
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			.modal-form .nav-tabs li button.active {

			}
		}
		@-moz-document url-prefix() {
			.modal-form .nav-tabs li button.active {

			}
		}
  }
  /* Landscape Iphone X*/
  @media only screen
	and (min-device-width: 375px)
	and (max-device-width: 812px)
	and (-webkit-min-device-pixel-ratio: 3)
	and (orientation: landscape) {

	.pc-only-inline {
	  display: none!important;
	}

	#seventh-section .single-support {
		font-size: 14px;
	}

	.modal-form .modal-body {
	  padding: 25px 20px 0;
	}

	.modal-form .title-form {
	  font-size: 24px;
	  line-height: 34px;
	}

	.modal-form .subtitle-form {
	  font-size: 14px;
	}
  /*chrome style*/
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.modal-form .nav-tabs li button.active {

		}
	}
	@-moz-document url-prefix() {
		.modal-form .nav-tabs li button.active {

		}
	}

	.wrap-btn-zip .btn-full {
	  width: 140px;
	}
	.checkbox-form .radiomark:after{
		top: 1.5px;
		left: 1.8px;
    width: 12.5px;
    height: 13px;
	}
	}
		/* potrait galaxy */
		@media screen
		and (device-width: 320px)
		and (device-height: 640px)
		and (-webkit-device-pixel-ratio: 2)
		and (orientation: portrait) {
			.modal-form .nav-tabs li button.active{

			}
		}
  /* Portrait Ipad */
  @media only screen
	and (min-device-width: 768px)
	and (max-device-width: 1024px)
	and (orientation: portrait)
	and (-webkit-min-device-pixel-ratio: 2) {
	.modal-form .nav-tabs li button.active {

	}
	#seventh-section .single-support{
		font-size: 14px;
	}
	}
	/* Landscape Ipad */
	@media only screen
	and (min-device-width: 768px)
	and (max-device-width: 1024px)
	and (orientation: landscape)
	and (-webkit-min-device-pixel-ratio: 2) {
		#seventh-section .single-support{
			font-size: 14px;
		}
	}
	/* LQ */
	@media only screen
	and (min-device-width: 768px)
	and (max-device-width: 993px) {
		.modal-dialog.modal-lg {
			width: calc(100% - 60px);
			max-width: unset;
		}
	}
	.single-pdf-sample {
	border: 1px solid #eee;
	padding: 3px;
	-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);
}
#modal-step3 .nav-tabs .btn-tab.active:after {
	visibility: hidden;
}
body #modal-step3 .nav-tabs .btn-tab.active {
	border-right: 2px solid #2462A2!important;
}
@media only screen
and (max-device-width: 365px){
	.modal-form .nav-tabs li button.active {
		width: calc(100% - 6px);
	}
	.modal-form .nav-tabs li button.active span.step-label-tab {
		margin-right: 21px;
	}
}
.col-12.col-md-12.check-entries .col-auto {
	width: 108px;
}
.freezePage{
	overflow: hidden;
	height: 100%;
	position: relative;
	z-index: 1;
}
@media only screen and (min-width:768px) and (max-width:1200px){
	#seventh-section .txt14{
		font-size: 14px;	
	}
}