@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,300;1,400;1,600&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, p{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background: white;
}
ol, ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
section, article, aside, header, footer, nav, dialog, figure {
  display: block;
}

a {
  text-decoration: none;
}

html {
  height: 100%;
}

body {
  position: relative;
  background: #fff;
  font-size: 21px;
  color: #1d1d1d;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

p {
  line-height: 26px;
  font-size: 21px;
  font-family: 'Open Sans', sans-serif;
}

.full {
  height: 100vh;
  width: 100%;
}

.full-x {
  width: 100%;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.overflow {
	overflow: hidden;
}

h2.quote, h2.sanyako_home {
	font-size: 114px;
	color: #fff;
	font-family: 'Teko', sans-serif;
	font-weight: bold;
	margin: 0;
	line-height: 110px
}

h2.sanyako_home {
	font-size: 90px;
	line-height: 86px;
}

.philosophy_title {
	font-size: 210px;
	font-family: 'Teko', sans-serif;
	color: #85987b;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;
}

span.front {
	z-index: 11;
	position: relative;
}

h2.factory_title {
	font-size: 105px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 105px;
}

h2.form_title {
	color: #e5c6a7;
	font-size: 44px;
	line-height: 38px;
	font-weight: bold;
	padding-bottom: 17px;
}

h2.instagram_title {
	color: #6a878d;
	font-family: 'Teko', sans-serif;
	margin-bottom: 40px;
	font-size: 50px;
}

h2.philosophy_bottom {
	font-size: 82px;
	line-height: 80px;
	margin: 0;
	font-family: 'Teko', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	color: #85987b;
}

#video_holder {
  overflow: hidden;
  position: relative;
}

#roy_video video, #roy_video img {
  position: absolute;
  right: -100%;
  bottom: -100%;
  left: -100%;
  top: -100%;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background-size: cover;
}

#menu {
	margin-top: 45px;
}

#menu_left, #menu_right {
	margin-top: 48px;
}

#menu li {
	font-family: 'Teko', sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 500;
	cursor: pointer;
}

#menu li {
	margin-right: 25px;
}

#menu li.first_right {
	margin-left: 25px;
}

#logo {
	font-size: 0;
	background: url(../images/logo.png) center center no-repeat;
	width: 196px;
	height: 91px;
	display: block;
	background-size: 90%;
}

.instagram_icon {
	width: 15px;
	height: 15px;
	display: block;
	background: url(../images/instagram_top.png) no-repeat;
	margin-top: 2px;
}

#video_holder span.arrow {
  width: 55px;
  height: 42px;
  display: block;
  background: url(../images/arrow.png) no-repeat;
  margin: 10px auto 46px;
  animation: arrowFadeDown 1.2s linear infinite;
  animation-fill-mode: forwards;
  opacity: 0;
  background-size: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
}

@keyframes arrowFadeDown {
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(0, 30px);
  }
}

#biography {
	background: url(../images/biography_bg.jpg) calc(50% - 220px) bottom no-repeat #85987b;
	padding: 125px 0 350px;
	color: #fff;
	overflow: hidden;
}

#biography_top {
	padding-bottom: 300px;
}

.believing {
	background: url(../images/believing.png) right bottom no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 586px;
	height: 461px;
	opacity: 0;
}

#biography_top .text_top {
	margin-top: 85px;
}

#biography_bottom {
	margin-top: 150px;
}

.light_left {
	width: 200px;
	height: 229px;
	display: block;
	background: url(../images/light_left.png) no-repeat;
	position: absolute;
	bottom: 90px;
	right: 580px;
}

.light_right {
	width: 193px;
	height: 267px;
	display: block;
	background: url(../images/light_right.png) no-repeat;
	position: absolute;
	bottom: -20px;
	right: -200px;
}

#quote {
	background: right bottom no-repeat #e4e1de;
	padding: 100px 0 150px;
}

.stamp, .stamp_around {
	z-index: 999;
	right: 24%;
	bottom: 60px;
}

.stamp_around {
	right: 19.5%;
	bottom: -20px;
}

#sanyako_home {
	padding: 76px 0 195px;
	background: url(../images/sanyako_bg.jpg) bottom center no-repeat #6a878d;
}

.sanyako_japanese {
	left: 0;
	top: -250px;
}

.traditional_japanese {
	right: 300px;
	top: -280px;
}

.thunderbolt_image {
	margin: 230px 0 0 -80px;
}

.sandal_image {
	margin: 120px 0 0 -80px;
}

.sanyako_right {
	padding-left:  50px;
	text-align: right;
}

.sanyako_right .row img {
	margin: 0 15px 60px 0;
}

a.sanyako_button, a.traditional_button {
	text-transform: uppercase;
	padding: 15px 25px 10px;
	margin-top: 25px;
	font-family: 'Teko', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #6a989d !important;
	background-color: #c0f2fc;
	display: block;
	text-decoration: none !important;
}

a.traditional_button {
	background-color: #e5c6a7;
	color: #fff !important;
}

.arrow_green, .arrow_white {
	background: url(../images/green_arrow.png) no-repeat;
	width: 18px;
	height: 21px;
	display: block;
	margin: 2px 0 0 16px;
	float: right;
}

.arrow_white {
	background: url(../images/white_arrow.png) no-repeat;
	margin-left: 30px;
}

#traditional_home {
	padding-bottom: 100px;
}

#philosophy {
	background: url(../images/philosophy_bg.jpg) top center #fff no-repeat;
	padding-top: 100px;
	background-position: top center;
	background-size: 100% auto;
}

#philosophy_holder {
	overflow: hidden;
	padding-top: 260px;
}

#philosophy_container {
	padding-bottom: 100px;
}

.wrap_image {
	top: -130px;
	right: -150px;
	z-index: 9;
	display: block;
}

.green_box {
	background-color: #85987b;
	padding: 60px 0 50px;
	z-index: 10;
	position: relative;
}

.green_box p, .yellow_box p {
	padding: 0 12.5%;
}

.border_box p {
	padding: 0 15% 20px;
}

.green_box p {
	line-height: 52px;
	font-family: 'Teko', sans-serif;
	font-size: 43px;
	font-weight: 600;
	color: #fff;
	margin: 0;
}

.green_box.yellow_text {
	z-index: 10;
	position: relative;
}

.green_box.yellow_text p {
	padding-left: 0;
	color: #e5c6a7;
	font-size: 42px;
}

.text_box {
	color: #85987b;
	padding: 60px 0 50px;
}

.text_box p {
	line-height: 38px;
	font-family: 'Teko', sans-serif;
	font-size: 31px;
}

.text_box.big p {
	font-size: 36px;
	line-height: 40px;
}

.text_box.bottom_one {
	padding-top: 130px;
	padding-bottom: 0;
	font-weight: 600;
}

.text_box.bottom_one p {
	font-size: 29px;
}

.circle2 {
	margin-top: 80px;
}

.circle3 {
	margin-top: 160px !important;
	margin-right: 20px;
}

.circle4_mobile {
	width: 100%;
	margin-top: -460px;
	z-index: 99999;
	position: relative;
}

.circle4 {
	width: 147px;
	height: 147px;
	display: block;
	margin: 0 auto;
}

.circle4_holder {
	margin-top: -40px;
}

.overlay1, .overlay2 {
	z-index: 999;
}

.border_box {
	border: 7px solid #e4e1de;
	padding: 60px 0;
	margin: -30px 0 40px;
	z-index: 10;
}

.border_box.pull-left {
	z-index: 7;
	padding-bottom: 260px;
}

.border_box p {
	color: #85987b;
	font-size: 21px;
	line-height: 28px;
}

.green_retangle {
	background-color: #85987b;
	margin: 60px -100px 0;
	padding: 20px 150px 10px;
	z-index: 11;
	position: absolute;
	bottom: 180px;
	width: 68%;
}

.green_retangle p {
	color: #fff;
	font-size: 30px;
	line-height: 40px;
	font-family: 'Teko', sans-serif;
	padding-bottom: 0;
}

.imagine_box {
	margin-top: 15px;
	z-index: 11;
	position: relative;
}

.circle3 {
	margin-top: 200px;
}

.orange_padding {
	background-color: #e5c6a7;
	padding-top: 80px
}

#services {
	background-color: #e5c6a7;
	padding: 20px 0 160px;
	text-align: center;
	color: #fff;
}

.services_icon.row div {
	height: 120px;
}

.services_text p {
	font-size: 24px;
	font-family: 'Teko', sans-serif;
	font-weight: 600;
	line-height: 28px;
	margin-top: 25px;
}

#factory {
	background: url(../images/fabrica_bg.jpg) bottom center no-repeat #85987b;
	padding: 170px 0;
	color: #fff;
	font-family: 'Teko', sans-serif;
	font-size: 22px;
}

.radio_group .form-check.form-check-inline {
	margin: 0;
	padding-right: 20px;
	font-size: 12px;
}

#factory textarea {
	min-height: 135px;
	max-height: 135px;
	width: 100%;
}

#factory form input {
	border-radius: 0;
	border: 0;
}

#factory_container button[type=submit] {
	text-transform: uppercase;
	font-size: 20px;
	padding-top: 10px;
	color: #fff;
	background-color: #e5c6a7;
	border: 0;
	border-radius: 0;
}

#factory .form-check-label {
	font-size: 16px;
	line-height: 15px;
}

#instagram_home {
	padding: 120px 0;
	background: #fff;
}

.instagram_button {
	padding: 10px 10px 5px;
	line-height: 33px;
	background-color: #6a878d;
	display: block;
	overflow: hidden;
	margin: 10px auto 0;
	width: 130px;
	color: #fff !important;
	text-decoration: none !important;
	font-family: 'Teko', sans-serif;
	text-transform: uppercase;
	font-size: 20px;
}

.instabutton_icon {
	background: url(../images/instagram_icom.png) no-repeat;
	width: 25px;
	height: 25px;
	display: block;
	margin: 2px 5px;
}

footer {
	background-color: #ece4de;
	padding: 140px 0;
	font-family: 'Teko', sans-serif;
}

#left_footer li {
	font-size: 25px;
	color: #85987b;
	text-decoration: none;
	line-height: 30px;
	cursor: pointer;
}

#middle_footer p.align-center {
	font-size: 16px;
	color: #85987b;
	margin-top: 40px;
}

#right_footer {
	margin-top: 60px;
}

#right_footer a {
	color: #85987b;
	float: right;
	font-family: 'Teko', sans-serif;
}

a.face_footer {
	background: url(../images/face_footer.png) no-repeat;
	width: 15px;
	height: 35px;
	display: block;
	margin: 0 40px 35px 0;
}

a.insta_footer {
	background: url(../images/insta_footer.png) no-repeat;
	width: 35px;
	height: 35px;
	display: block;
}














.form-check-label {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 30px;
  text-indent: -20px;
}

/* Hide the browser's default radio button */
.form-check-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ece4de;
  border: 3px solid #fff;
  border-radius: 50%;
}

.form-check-label input:checked ~ .checkmark {
  background-color: #fff;
}

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

/* Show the indicator (dot/circle) when checked */
.form-check-label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.form-check-label .checkmark:after {
 	top: 1px;
	left: 1px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #e5c6a7;
}







img.biografia_image {
	opacity: 0;
}

.instagram_profile {
	display: none !important;
}

a.instagram-image img {
	margin-bottom: 70px !important;
}

.message_status {
	color: #fff;
	font-family: 'Teko', sans-serif;
	font-size: 22px;
	margin-top: 20px;
}

.green_block {
	position: absolute;
	width: 20%;
	height: 100%;
	display: block;
	right: 38%;
	top: 0;
	background-color: #85987b;
	z-index: 8;
}





.believing.active, .first_greenbox.active, .first_textbox.active, .first_borderbox.active,
.second_box.active, .second_borderbox.active, .green_retangle.active, .third_textbox.active,
.imagine_box.active, .factory_fade.active .factory_titleholder {
	animation: fadeIn 1s linear;
  animation-fill-mode: forwards;
}

.light_left.active, .light_right.active {
	animation: fadeIn 0.5s linear;
  animation-fill-mode: forwards;	
}

.stamp_around {
	/*animation: spin 8s linear infinite;*/
}



#biography_top .text_top, #biography_bottom .text_bottom, .sanyako_right .sanyako_home,
#traditional_home h2.sanyako_home, .pencil_box, .boot_box, .search_box, .like_box, .woman_box {
	opacity: 0;
	transform: translate(0, 30px);
}

.quotes, .first_greenbox, .first_textbox, .first_borderbox, .second_box, .second_borderbox,
.green_retangle, .third_textbox,.imagine_box, .factory_fade .factory_titleholder {
	opacity: 0;
}

.quotes, .pencil_box, .boot_box, .search_box, .like_box, .woman_box {
	margin-top: 30px;
}

.services_icon {
	margin-top: 30px;
}


.background_fill {
	background: #85987b;
	width: 100%;
	height: 100%;
	display: block;
}

.background_fill.active {
	animation: fadeInLeft 0.5s linear;
  animation-fill-mode: forwards;
}


img.biografia_image.active, #biography_top .text_top.active, #biography_bottom .text_bottom.active,
.quotes.active, .sanyako_right .sanyako_home.active, #traditional_home h2.sanyako_home.active {
  animation: fadeInUp 1s linear;
  animation-fill-mode: forwards;
}

.pencil_box.active {
	animation: fadeInUp 0.5s linear;
  animation-fill-mode: forwards;
}

.boot_box.active {
	animation: fadeInUp 0.8s linear;
  animation-fill-mode: forwards;
}

.search_box.active {
	animation: fadeInUp 1.1s linear;
  animation-fill-mode: forwards;
}

.like_box.active {
	animation: fadeInUp 1.4s linear;
  animation-fill-mode: forwards;
}

.woman_box.active {
	animation: fadeInUp 1.7s linear;
  animation-fill-mode: forwards;
}

.thunderbolt_image {
	animation: shoeDancing 40s linear;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;	
}

.traditional_logo {
	margin-top: -60px;
}




@keyframes shoeDancing {
  0% {
    transform: translate(0, 50px);
  }
  50% {
    transform: translate(0, -50px);
  }
  100% {
  	transform: translate(0, 50px);
  }
}



@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(0, -30px);
  }
}

@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }



@keyframes fadeInLeft {
  0% {
		width: 100%;
  }
  100% {
		width: 0%;
  }
}




#preload.active {
  animation: fadeIn 1.5s linear;
  animation-fill-mode: forwards;  
}

.preload_holder {
  background: #85987b;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
  position: fixed;
}

.preload_holder *, .preload_holder *:before, .preload_holder *:after {
  box-sizing: border-box;
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 10px;
  background: #e2c4a5;
  border-radius: 5px;
  animation: load 1.8s ease-in-out infinite; 
}

.loader:before, .loader:after {
  position: absolute; 
  display: block;
  content: "";
  animation: load 1.8s ease-in-out infinite;
  height: 10px;
  border-radius: 5px;
}

.loader:before {
  top: -20px;
  left: 10px;
  width: 40px;
  background: #e2c4a5;
}
.loader:after {
  bottom: -20px;
  width: 35px;
  background: #e2c4a5; 
}

@keyframes load {
  0% {
    transform: translateX(40px);
  }
  
  50% {
    transform: translateX(-30px);
  }
  100% {
    transform: translateX(40px);
  }
}










@media (min-width: 576px) and (max-width: 1199.98px) {
	h1#logo {
		margin: 0 auto;
	}

	.biografia_image {
		width: 100%;
	}

	h2.quote, h2.sanyako_home {
		font-size: 94px;
	}

	.green_box p {
		font-size: 36px;
		line-height: 50px;
	}

	.text_box p {
    line-height: 34px;
    font-size: 25px;
  }

  .wrap_image {
  	right: -240px;
  }

  .green_block {
  	z-index: 8;
  }

  .text_box.bottom_one {
  	padding-top: 70px;
  }

  .second_box_abc {
  	margin-top: 10px;
  }

  .text_box.bottom_one p {
  	font-size: 23px;
  }

  h2.philosophy_bottom {
  	font-size: 76px;
  	line-height: 74px
  }

  .green_retangle {
  	bottom: 140px;
  }

  .imagine_box {
  	margin-top: 60px;
  }

  .services_icon {
  	height: 120px;
  }

  .services_text p {
  	font-size: 21px;
  	margin-top: 15px;
  }
}






@media (min-width: 768px) and (max-width: 991.98px) {	
	#menu li.first_right {
		margin-left: 0px;
	}

	#menu_right li:nth-child(3), #menu_left .philosophy_button { 
		margin-right: 0;
	}

	#menu_left .biography_button {
		margin-left: 20px;
	}

	.believing {
		bottom: -40px;
		background-size: 100%;
    width: 410px;
    height: 322px;
    left: 50.2%;
	  transform: translate(-50%, 0);
	}

	.light_left, .light_right, .stamp, .thunderbolt_image, .sanyako_logo, .traditional_logo,
	.services_icon > div img {
		transform: scale(0.7);
	}

	.light_left {
    bottom: -10px;
    right: 505px;
	}

	.light_right {
    bottom: -100px;
    right: -49px;
	}

	h2.quote, h2.sanyako_home {
		font-size: 68px;
		line-height: 80px;
	}

	h2.sanyako_home {
		font-size: 59px;
		line-height: 62px;	
	}

	.text_bottom  p {
		padding-left: 100px;
	}

	#quote {
		padding-bottom: 80px;
	}
	
	.stamp_around {
		width: 221px;
		height: 221px;
    right: 23.5%;
    bottom: 25px;
	}

	.sanyako_japanese {
		top: -178px;
	}

	.traditional_japanese {
		top: -212px;
		right: 230px;
	}

	.sanyako_japanese, .traditional_japanese {
		width: 130px;
	}

	.traditional_left h2.sanyako_home {
    font-size: 50px;
    line-height: 54px;
	}

	#sanyako_home {
		padding-bottom: 130PX;
	}

	.sanyako_right .row img {
		margin-right: 0;
	}

	.thunderbolt_image {
		width: 441px;
		height: 276px;
	}

	.services_text p {
		font-size: 14px;
		line-height: 14px;
	}

	h2.factory_title {
		font-size: 78px;
		line-height: 78px;
	}

	#factory .form-check-label {
		line-height: 29px;
		margin-bottom: 10px;
	}



	#services {
		padding-bottom: 100px;
	}



	#middle_footer img {
		width: 100%;
	}

	#middle_footer p.align-center {
		font-size: 12px;
	}

	#left_footer li {
		font-size: 18px;
	}

	#middle_footer p.align-center {
		margin-top: 55px;
	}

	#menu li {
		margin-right: 18px;
		font-size: 14px;
	}

	.sandal_image {
		width: 320px;
		height: 187px;
		position: relative;
		right: -122px;
		top: -100px;
	}





	.wrap_image {
		right: -385px;
	}

	.green_box p {
		font-size: 26px;
		line-height: 39px;
	}

	.text_box p {
    line-height: 25px;
    font-size: 22px;
	}

	.border_box p {
    font-size: 18px;
    line-height: 22px;
	}

	.circle1_holder  img, .circle2 img, .circle3 img, .circle4 img {
		width: 210px;
		height: 210px;
	}

	.green_block {
		display: none;
	}

	.green_box.yellow_text p {
		padding: 0 25px 0 25px;
		font-size: 36px;
	}

	.green_retangle {
		bottom: 300px;
    width: 90%;
    padding-right: 50px;
	}

	.green_retangle p {
    font-size: 28px;
    line-height: 36px;
	}

	.circle3 {
		margin-top: -80px !important;
	}

	.last_row {
		margin-top: 40px;
	}
}



@media (min-width: 992px) and (max-width: 1100px) {
	.sandal_image {
		width: 480px;
		height: 281px;
	}

	#menu_right li:nth-child(3), #menu_left .philosophy_button { 
		margin-right: 0;
	}

	#menu_left .biography_button {
		margin-left: 40px;
	}


	#middle_footer img {
		width: 100%;
	}
}





@media (max-width: 767.98px) {
	#roy_video {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    z-index: -2;
	}

	#video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    min-height: 100vh !important;
    height: 100vh !important;
	}

	#main_container {
		overflow: hidden;
	}

	h2.quote, h2.sanyako_home {
		font-size: 42px;
		line-height: 48px;
	}

	h2.quote:nth-child(2) {
		width: 65%;
	}

	.no-mobile {
		display: none !important;
	}

	#logo_mobile {
		width: 85px;
		height: 38px;
		font-size: 0;
		background: url(../images/logo.png) center center no-repeat;
		display: block;
		background-size: 100%;
		margin: 20px
	}

	#menu_mobile_icon {
		background: url(../images/menu_mobile.png) no-repeat;
		width: 28px;
		height: 19px;
		display: block;
		margin: 20px;
	}

	#menu_mobile {
		background: #e2c4a5;
		display: none;
	  width: 100%;
	  height: 100vh;
	  left: 0;
	  padding: 46px 79px 0;
	  z-index: 1000;
	  position: fixed;
	}

	#menu {
		margin-top: 0;
	}

	#menu_mobile ul li {
		display: block;
		text-align: center;
		color: #fff;
		text-transform: uppercase;
		font-size: 5vw;
		margin-bottom: 20px;
		font-family: 'Teko', sans-serif;
	}

	.mobile_lock {
	  overflow: hidden !important;
	  position: fixed !important;
	  height: 100vh !important;
	}

	.menu_logo {
		display: block;
		margin: 0 auto 35px;
	}

  span.x_icon {
    width: 23px;
    height: 23px;
    display: block;
    background: url(../images/x_icon.png) no-repeat;
    margin: 35px auto 0;
  }

	#biography {
		background-image: url(../images/biography_mobile.jpg);
		background-position: center bottom;
		background-size: 100%;
		padding-bottom: 90vw;
	}

	#biography_top {
		padding-bottom: 0;
	}

	#biography_bottom {
		margin-top: 80px;
	}

	.biografia_image {
		width: 100%;
	}

	.light_holders {
		position: relative;
	}

	.light_left  {
		left: -4vw;
		top: -34vw;
		width: 20%;
		height: 30vw;
		background-size: 100%;
	}

	.light_right {
		right: -4vw;
		top: -23vw;
		width: 20%;
		height: 30vw;
		background-size: 100%;
	}

	.believing {
		position: relative;
		width: 70%;
		height: 63vw;
		margin: 0 auto;
		background-size: 100%;
	}

	#middle_footer img {
		width: 50%;
		margin: inherit auto;
	}

	#quote {
		padding: 50px 0;
	}

	.stamp_around {
		width: 40vw;
    bottom: 1vw;
    right: 15px;
	}

	.stamp {
		width: 29vw;
		bottom: 11vw;
		right: 40px;
	}

	.sanyako_japanese {
		width: 20vw;
		left: 30px;
		top: -115px !important;
	}

	.traditional_japanese {
		width: 20vw;
		right: 80px;
		top: -90px !important;
	}

	#sanyako_home {
		background-image: url(../images/sanyako_mobile.jpg);
		background-position: calc(50% - 50px) top;
		background-size: 120%;
	}

	h2.sanyako_home  {
		text-align: center;
	}

	.thunderbolt_image, .sandal_image_mobile {
		width: 90%;
		min-width: 300px;
		margin: 20px auto;
		display: block;
	}

	#sanyako_home {
		padding-bottom: 60px;
	}

	.sanyako_right  div:first-child {
		margin-top: 100px;
	}

	.sanyako_logo {
		width: 73px;
		height: 85px;
		margin-right: 20px;
	}

	a.sanyako_button, a.traditional_button {
		width: 205px;
		display: block;
		margin: 0 auto;
		float: none;
		padding: 10px 15px 5px
	}

	a.traditional_button {
		width: 240px;
	}

	.arrow_white {
		margin-left: 10px;
	}

	#philosophy {
		padding-top: 50px;
	}

	#philosophy_holder {
		padding-top: 100px;
	}

	.traditional_logo_mobile {
		width: 72px;
		display: block;
		margin-bottom: 20px;
	}

	.sandal_image_mobile {
		margin-bottom: 80px;
		z-index: 11;
		position: relative;
	}

	#philosophy {
		background: url(../images/philosophy_mobile.jpg) top center #fff no-repeat;
		padding-top: 40px;
		background-position: top center;
		background-size: auto;
	}

	h2.philosophy_title {
		font-size: 80px;
		text-indent: -7px;
	}

	h2.philosophy_title span {
		font-size: 155px;
		z-index: 11;
		position: relative;
	}

	.services_image {
		width: 90%;
		height: 90%;
		display: block;
	}

	#services_container .services_icon > div {
		margin-bottom: 120px;
	}

	#services_container .services_icon > div, #services_container .services_text > div {
		width: 50%;
	}

	.services_text p {
		font-size: 18px;
		line-height: 18px;
	}

	#services_container .services_text {
		margin-top: -550px;
	}

	.pencil_box, .boot_box, .search_box, .like_box, .woman_box {
		margin-top: 0;
		margin-bottom: 30px;
	}

	#services {
		padding-bottom: 0;
	}

	#services_mobile {
		margin-top: 60px;
	}

	#services_mobile .services_mobile_box {
		width: 50%;
	}

	.services_mobile_box p {			
		font-size: 24px;
		font-family: 'Teko', sans-serif;
		font-weight: 600;
		line-height: 22px;
		margin-top: 25px;
	}

	.pencil_box.services_mobile_box img {
		width: 72px;
		height: 72px;
		display: block;
		margin: auto;
	}

	.boot_box.services_mobile_box img {
		width: 79px;
		height: 72px;
		display: block;
		margin: auto;
	}

	.search_box.services_mobile_box img {
		width: 79px;
		height: 79px;
		display: block;
		margin: auto;
	}

	.like_box.services_mobile_box img {
		width: 79px;
		height: 89px;
		display: block;
		margin: auto;
	}

	.woman_box.services_mobile_box img {
		width: 79px;
		height: 104px;
		display: block;
		margin: auto;
	}

	.like_box.services_mobile_box p {
		margin-top: 20px
	}

	h2.factory_title {
    text-align: center;
    font-size: 21vw;
    line-height: 20vw;
	}

	#factory {
		padding: 60px 0 400px;
		background: url(../images/fabrica_mobile.jpg) center bottom no-repeat #85987b;
	}

	h2.form_title {
		font-size: 7vw;
		line-height: 7vw;
		text-align: center;
		width: 100%;
	}

	.radio_group .form-check.form-check-inline {
		margin: 5px 0;
	}

	.form-check-label {
		padding-left: 30px;
	}

	.checkmark {
	  position: absolute;
	  height: 15px;
	  width: 15px;
	}

	.form-check-label .checkmark:after {
	 	top: 1px;
		left: 1px;
		width: 8px;
		height: 8px;
	}

	#factory_container button[type=submit] {
		width: 150px;
		margin: 0 auto;
		display: block;
	}

	#instagram_home {
		padding: 40px 0 60px;
	}

	h2.instagram_title {
		font-size: 10vw;
		margin-bottom: 20px;
	}

	a.instagram-image img {
		margin-bottom: 40px !important;
	}

	footer {
		padding: 26px 0;
	}

	#left_footer {
		width: 260px;
		display: block;
		margin: 0 auto;
	}

	#left_footer ul li:first-child, #left_footer ul li:nth-child(2), #left_footer ul li:nth-child(3),
	#left_footer ul li:nth-child(4), #left_footer ul li:nth-child(5), #left_footer ul li:nth-child(6) {
		float: left;
		font-size: 16px;
		width: 25%;
		text-align: center;
	}

	#left_footer ul li:nth-child(5), #left_footer ul li:nth-child(6) {
		width: 50%;
	}

	#middle_footer img {
		display: block;
		margin: 20px auto;
	}

	#middle_footer p {
		display: none;
	}

	#right_footer {
		margin-top: 10px
	}

	#right_footer a {
		float: none;
	}

	.bottom_footer p {
		color: #85987b;
		font-size: 12px;
		text-align: center;
		margin: 20px auto 0;
		display: block;
	}

	.sanyako_links {
		width: 100%;
		font-size: 20px;
		display: block;
		text-align: center;
	}

	.socials {
		width: 50px;
		margin: 0 auto;
		display: block;
	}

	a.face_footer, a.insta_footer {
		width: 7px;
		height: 15px;
		background-size: 100%;
		float: left;
	}

	a.insta_footer {
		width: 15px;
		float: right  !important;
	}
}



@media (min-width: 768px) {
	.no-desktop {
		display: none;
	}

	.circle2_holder.d-flex.align-items-end.no-desktop, .circle3_holder.d-flex.align-items-end.no-desktop {
		display: none !important;
	}

	#middle_footer img {
		width: 100%;
	}
}



@media (min-width: 576px) and (max-width: 767.98px) {
	.believing {
		height: 300px;
	}

	.light_left {
    left: -29px;
    top: -185px;
  }

  .light_right {
    right: -29px;
    top: -120px;
  }

	.stamp_around {
		width: 185px;
		height: 185px;
		bottom: -15px;
		right: 125px;
	}

	.stamp {
		width: 140px;
		height: 111px;
    bottom: 30px;
    right: 148px;
	}

	#philosophy {
    background-size: 109%;
	}

	#sanyako_home {
		background-position: calc(50% - 104px) top;
	}

	.sanyako_japanese {
		width: 99px;
		height: 546px;
	}

	.traditional_japanese {
		width: 99px;
		height: 446px;
	}

	#services_mobile {
		display: none !important;
	}

	.services_icon.row.justify-content-center, .services_text.row.justify-content-center {
		display: inline-flex !important;
	}

	#services_container {
		padding-bottom: 20px;
	}

	#services_container > div > div img {
		width: 99px;
	}

	#services_container .woman_box img, #services_container .boot_box img {
		width: 105px;
	}

	.pencil_box, .boot_box, .search_box {
		margin-bottom: 170px;
	}

	#services_container .services_text {
		bottom: -10px;
		position: relative;
	}

	h2.factory_title {
		font-size: 66px;
		line-height: 80px;
	}

	h2.form_title {
		font-size: 30px;
		line-height: 35px;
	}

	#factory {
		background: url(../images/fabrica_bg.jpg) calc(50% + 350px) bottom no-repeat #85987b;
		padding-bottom: 800px;
	}

	#left_footer ul li:first-child, #left_footer ul li:nth-child(2), #left_footer ul li:nth-child(3), #left_footer ul li:nth-child(4), #left_footer ul li:nth-child(5), #left_footer ul li:nth-child(6) {
		font-size: 30px;
		line-height: 50px;
	}

	a.face_footer, a.insta_footer {
		height: 30px;
		width: 14px;
	}

	a.insta_footer {
		width: 30px;
	}

	.socials {
		width: 90px;
	}

	form label {
		margin-bottom: 2px;
	}

	#philosophy_container .no-mobile {
		display: block !important
	}

	#philosophy_container .no-desktop {
		display: none !important;
	}

	.wrap_image {
		width: 767px;
		height: 1685px;
	}

	.green_box, .text_box {
		padding: 30px 0 25px;
	}

	.green_box p {
    line-height: 26px;
    font-size: 22px;
    padding: 0 7.5%;
  }

  .text_box p {
    line-height: 17px;
    font-size: 16px;
	}

	.border_box {
    border: 7px solid #e4e1de;
    padding: 30px 0;
    margin: -15px 0 20px;
    z-index: 10;
	}

	.border_box p {
    font-size: 12px;
    line-height: 14px;
	}

	.circle1_holder img, .circle2 img, .circle3 img, .circle4_holder img{
		width: 164px;
		height: 164px;
	}

	.green_box.yellow_text p {
    font-size: 21px;
	}

	.text_box.big p {
    font-size: 20px;
    line-height: 22px;
	}

	.border_box.pull-left {
		padding-bottom: 130px;
	}

	.green_retangle {
    margin: 30px -100px 0;
    padding: 20px 75px 5px;
    bottom: 90px;
    width: 78%;
	}

	.green_retangle p {
    font-size: 15px;
    line-height: 20px;
    padding-left: 40px;
	}

	.text_box.bottom_one p {
    font-size: 14px;
	}

	h2.philosophy_bottom {
    font-size: 39px;
    line-height: 40px;
    margin: 0;
	}

	.imagine_box {
		margin-top: 0;
	}

	.border_box.second_borderbox p {
		padding-bottom: 0;
	}
	
	.wrap_image {
    width: 939px;
    height: 2062px;
    top: -72px;
    right: -191px;
	}

	.circle3 {
		margin-top: 100px !important;
	}

	.circle4_holder {
		margin-top: 42px;
	}

	.text_box.bottom_one {
    padding-top: 140px;
	}
}






@media (max-width: 475.98px) {
	#sanyako_home {
		background-image: url(../images/sanyako_mobile.jpg);
		background-position: calc(50% - 50px) top;
		background-size: 150%;
	}
}






@media (max-width: 375.98px) {
	#sanyako_home {
		background-image: url(../images/sanyako_mobile.jpg);
		background-position: calc(50% - 50px) top;
		background-size: 170%;
	}
}



@media (max-width: 355.98px) {
	h2.quote, h2.sanyako_home {
		font-size: 34px;
	}
}


@media (max-width: 575.98px) {
	.green_block {
		display: none;
	}

	.wrap_image {
		display: none;
	}

	.wrap_mobile {
    top: -22px;
    left: 50.2%;
	  transform: translate(-50%, 0);
	  z-index: 12;
	}

	#traditional_home {
		padding-bottom: 0;
	}

	#philosophy_container p {
		font-size: 18px;
    line-height: 18px;
	}

	.first_textbox {
		width: 100% !important;
		text-align: center;
	}

	.first_textbox p, .green_box.first_greenbox p {
		width: 230px;
		margin: 0 auto;
		display: block;
	}

	.mobile_block, .row.d-block.clearfix.relative.mobile_block {
		display: inline !important;
	}

	.circle1_holder.d-flex, .circle2_holder.d-flex, .circle3_holder.d-flex {
		width: 147px !important;
		height: 147px;
		padding: 0;
		z-index: 11;
		position: relative;
		margin: auto;
	}

	.circle1_holder.d-flex {
		margin: -27px auto -100px;
		z-index: 13;
	}

	.circle2_holder.d-flex {
		margin: -65px auto 15px;
	}

	.circle3_holder.d-flex {
		margin: -35px auto -110px;
	}

	.circle1, .circle2, .circle3 {
		width: 100%;
	}

	.circle2 {
		margin-top: 0;
	}

	.text_box {
		padding: 20px 40px;
	}

	.second_box_abc {
		z-index: 11;
	}

	.border_box {
		padding: 35px;
		margin-top: -50px;
		width: 282px  !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.first_borderbox {
		padding-top: 100px;
		margin-bottom: 10px;
		opacity: 1 !important;
		animation: none !important;
	}

	.first_borderbox p {
		font-size: 16px;
		line-height: 16px;
	}

	.second_borderbox {
	  left: 50%;
	  transform: translate(-50%, 0);
	  padding-top: 50px;
	}

	#philosophy_holder .border_box p, #philosophy_holder  .white_bar p {
		padding: 0 10px;
		font-size: 12px;
	}

	.green_box {
		padding: 20px;
		width: 320px !important;
		margin: 0 auto;
	}

	.green_box p {
		padding: 0;
		font-size: 20px;
		line-height: 26vw;
	}

	.second_borderbox {
		margin-top: 90px;
		margin-bottom: 0;
	}

	.second_textbox {
		width: 300px !important;
		margin: 0 auto;
	}

	.second_textbox p {
		width: 180px !important;
		text-align: right;
		float: right;
	}

	.green_box.yellow_text {
		display: flex;
	}

	#philosophy_container .green_box.yellow_text p {
		padding: 0 10px 0 55px;
		line-height: 22px;
	}

	.white_bar {
		width: 282px;
		background: #fff;
		position: relative;
		display: flex;
		border-right: 7px solid #e4e1de;
		border-left: 7px solid #e4e1de;
    margin: 50px auto 0 !important;
		color: #85987b;
		font-size: 21px;
		line-height: 28px;
		padding: 20px 0 80px;
		margin: auto;
		bottom: 260px;
	  z-index: 111;
	}

	.white_bar.first_white_bar {
		padding-bottom: 0!important;
	}

	.white_bar.second_white_bar {
		bottom: 330px;
	}

	#philosophy_holder .white_bar p {
		padding: 0 25px;
		width: 270px
	}

	.green_retangle {
		position: relative;
		display: flex;
		padding: 0;
		margin: 0;
    width: 310px;
    bottom: 448px;
    margin: 50px auto 0 !important;
    z-index: 99999;
	}

	/*.outside_bar {
		width: 400px;
		left: -50%;
		display: block;
		position: absolute;
		background-color: #85987b;
		height: 100%;
		margin: auto;
		z-index: 2;
	}*/

	.green_retangle p {
		width: 270px;
    padding: 20px 55px;
    margin: 0;
    z-index: 111;
    position: relative;
	}

	.border_box.pull-left {
		padding-bottom: 240px;
	}

	#philosophy_container .first_greenbox p {

	}

	#philosophy_container .green_retangle.absolute p {
		font-size: 16px;
	}

	#philosophy_container {
		padding-bottom: 40px;
	}

	#philosophy_container .text_box.bottom_one {
		padding: 0 15px;
		margin-top: -300px;
		width: 240px;
		margin-left: auto;
		margin-right: auto;
	}

	#philosophy_container .text_box.bottom_one  p {
		font-size: 16px;
	}

	.imagine_box {
		width: 240px !important;
		margin: -140px auto 0;
	}

	.imagine_box h2, .text_box.bottom_one p, .green_box.first_greenbox p {
		text-align: center !important;
	}

	h2.philosophy_bottom {
		font-size: 33px;
		line-height: 33px;
		width: 240px;
	}
}