@-moz-keyframes spin{ 0%{ -moz-transform:rotate(0deg);} 100%{ -moz-transform:rotate(359deg);} }
@-webkit-keyframes spin{ 0%{ -webkit-transform:rotate(0deg);} 100%{ -webkit-transform:rotate(359deg);} }
@-ms-keyframes spin{ 0%{ -ms-transform:rotate(0deg);} 100%{ -ms-transform:rotate(359deg);} }
@keyframes spin{ 0%{ transform:rotate(0deg);} 100%{ transform:rotate(359deg);} }
.animate-spin{ -moz-animation:spin 2s linear infinite; -webkit-animation:spin 2s linear infinite; -ms-animation:spin 2s linear infinite; animation:spin 2s linear infinite;}
.transition, .transition-children{ -webkit-transition:all 500ms ease 0ms; -moz-transition: all 500ms ease 0ms; -o-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms;}
html{ /*overflow:hidden;*/}
p, a, label, button, input, select, textarea, optgroup{ color:inherit; font-size:inherit;}
h1, h2, h3, h4, h5, h6{ /*font-family:'Open Sans', serif;*/ font-weight:700;}
h1, h2, h3{ font-weight:700; margin-bottom:1.0rem;}
h4, h5, h6{ font-weight:700; margin-bottom:0.8rem;}
h1{ font-size:3.0rem;}
h2{ font-size:3.0rem;}
h3{ font-size:2.0rem;}
h4{ font-size:1.8rem;}
h5{ font-size:1.6rem;}
h6{ font-size:1.4rem;}
figure{ max-width:100%;}
a, .breadcrumbs a{ text-decoration:none;}
a:hover,a:active,a:focus, .breadcrumbs a:hover,.breadcrumbs a:focus{ color:#c18a08; opacity:0.94; text-decoration:none;}
p{ line-height:1.8; margin-bottom:1.4rem;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="date"], textarea, select, option{
	padding:8px 10px; padding:0.8rem 1rem; background:#f5f5f5; color:#6b6b6b; font-size:inherit;
	line-height:1.5; height:auto; box-shadow:none; border:0; outline:0; border-radius:0.8rem;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus{
	background:#efefef; border-width:0;
}
button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus,
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus{
	background:transparent; color:inherit; font-size:inherit;
}
input:-ms-input-placeholder{ color:#888;}
input:-moz-placeholder{ color:#888;}
input::-moz-placeholder{ color:#888;}
input::-webkit-input-placeholder{ color:#888;}
input::placeholder{ color:#888;}
textarea:-ms-input-placeholder{ color:#888;}
textarea:-moz-placeholder{ color:#888;}
textarea::-moz-placeholder{ color:#888;}
textarea::-webkit-input-placeholder{ color:#888;}
textarea::placeholder{ color:#888;}
option[disabled]{ opacity:0.4; color:rgba(0,0,0,0.3) !important;}
iframe{ max-width:100%;}
a.read-more{ display:inline-block;}
.button{ font-size:inherit; font-weight:inherit;}
.wpcf7-form-control-wrap >*{
	margin-bottom:0; margin-bottom:12px; border:1px solid #999; box-shadow:none;
	display:inline-block; vertical-align:top; width:100%;
}
.wpcf7-submit{ width:100%; text-align:center; border:1px solid #999; display:block;}
.menu.horizontal > li{ display:inline-block; vertical-align:middle;}
.logo-container a, .logo-container a:hover{ opacity:1;}

.row .row{ margin-left:-1rem; margin-right:-1rem;}
.column, .columns{ padding-left:1rem; padding-right:1rem;}
.no-pad{ padding:0 !important;}
.pad{ padding:8px 0.9375rem;}
.disabled, *[disabled]{ opacity:0.4; cursor:default;}
.site-banner{ position:relative; overflow:hidden;}
.logo-container{ display:inline-block;}
.breadcrumbs li{ font-size:inherit; text-transform:capitalize; float:none; display:inline-block; vertical-align:middle;}
.breadcrumbs li:not(:last-child)::after{ color:inherit; margin-right:0.3rem;}
.breadcrumbs li >a { padding:1rem 0;}
.bx-wrapper{ position:relative; margin-left:auto;margin-right:auto;}
.bx-wrapper ul, .bx-wrapper ol{ margin-left:0;}
.bx-controls{ position:absolute; height:100%; width:100%; top:0; left:0;}
.bx-controls .bx-prev, .bx-controls .bx-next{
	color:#fff; font-size:2rem; opacity:0.4; padding:60px 15px;
	position:absolute; z-index:51; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
	/*text-indent:-99px; overflow:hidden;
	width:0;height:0; border-style:solid;border-width:40px 0 40px 20px;border-color:transparent transparent transparent #fff; */
}
.bx-controls .bx-prev:hover, .bx-controls .bx-next:hover{ opacity:1;}
.bx-controls .bx-prev{ left:0;}
.bx-controls .bx-next{ right:0;}
.bx-pager{ position:absolute; z-index:52; width:100%; bottom:0; text-align:center;}
.bx-pager-item{ display:inline-block; }
.bx-pager-link{
	display:block; text-indent:-99px; width:15px; height:40px; line-height:40px; overflow:hidden;
	position:relative;
}
.bx-pager-link::after{
	position:absolute; top:50%;left:50%;
	-ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
	content:''; width:8px;height:8px;
	background:#fefefe; border-radius:50%;
}
.bx-pager-link.active::after{ background:#206c36;}
ul.banner-slider, ul.carousel-list{ margin-left:0; margin-bottom:0;}
ul.banner-slider li, ul.carousel-list li{ list-style:none;}
.carousel-list{ overflow:hidden;}
.wil-slider-container, .wil-carousel-container{ position:relative; margin-bottom:1rem;}
.wil-slider-viewer, .wil-carousel-viewer{ overflow:hidden; }
.wil-slider, .wil-carousel{ margin-left:0; width:100%; text-align:center;}
.wil-slider >li, .wil-carousel >li{ float:left; list-style:none;}
.wil-slider{
	-webkit-transition:transform 300ms ease 0ms; -moz-transition:transform 300ms ease 0ms; -o-transition:transform 300ms ease 0ms; transition:transform 300ms ease 0ms;
}
.wil-slider li{ padding:0 1rem;}
.wil-carousel.animating{
	-webkit-transition:transform 300ms ease 0ms; -moz-transition:transform 300ms ease 0ms; -o-transition:transform 300ms ease 0ms; transition:transform 300ms ease 0ms;
}
.wil-slide-control{ position:absolute; top:50%; padding:50px 25px; font-size:4.2rem;
	-ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
}
.wil-slide-control:hover, .wil-slide-control:focus{ color:inherit;}
.wil-slide-control >span{
	width:18px; height:18px; display:block;
	border-color:#009047; border-style:solid;
	-ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);
}
.wil-slide-control.left{ left:-60px;}
.wil-slide-control.left >span{ border-width:0 0 6px 6px;}
.wil-slide-control.right{ right:-60px;}
.wil-slide-control.right >span{ border-width:6px 6px 0 0;}
.gallery{ margin-left:0;}
.gallery li{ list-style:none; display:inline-block; vertical-align:middle;}
.lightgallery .item{ display:inline-block; vertical-align:middle;}
.item.lazy{ display:none;}
.ajax-loading{ opacity:0; font-size:3rem; /*margin:2rem;*/}
.item-list{ margin-left:0; list-style:none;}
.screen-reader-text{ position:absolute; width:1px;height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
.bg-img{ text-align:center;/*background-color:rgba(32,32,32,0.6);*/ background-repeat:no-repeat; background-size:cover; background-position:center;}
.bg-img >img{ visibility:hidden; min-height:8rem;}
#contactForm label{ margin-top:1rem;}
#contactForm input, #contactForm select, #contactForm textarea{ margin-bottom:0;}
#contactForm input[type="text"], #contactForm textarea, #contactForm select, #contactForm option, #contactForm  input[type="date"]{
	color:inherit; border:0;
	/*background:rgba(255,255,255, 1); border:1px solid #727272; /*box-shadow:1px 1px 4px rgba(0, 0, 0, 0.1) inset;*/
}
#contactForm input[type="text"]:focus, #contactForm textarea:focus, #contactForm select:focus, #contactForm option:focus{
	border:0;
}
#contactForm input[type="submit"]{ text-transform:uppercase;}
#contactForm input[type="submit"]:hover{ opacity:1;}
#contactForm input:-ms-input-placeholder{ color:#404040;}
#contactForm input:-moz-placeholder{ color:#404040;}
#contactForm input::-moz-placeholder{ color:#404040;}
#contactForm input::-webkit-input-placeholder{ color:#404040;}
#contactForm input::placeholder{ color:#404040;}
#contactForm textarea:-ms-input-placeholder{ color:#404040;}
#contactForm textarea:-moz-placeholder{ color:#404040;}
#contactForm textarea::-moz-placeholder{ color:#404040;}
#contactForm textarea::-webkit-input-placeholder{ color:#404040;}
#contactForm textarea::placeholder{ color:#404040;}
.contact-form .sendmail_feedback, .contact-form .text-error, .contact-form .text-success{ font-size:inherit;}
.contact-form .sendmail_feedback{ border:2px solid; padding:2px 14px; background-color:#fff;}
.contact-form .sendmail_feedback.text-error{ border-color:rgba(255,39,9, 1);}
.contact-form .sendmail_feedback.text-success{ border-color:rgba(40,204,82 ,1);}
.contact-form .text-error{ color:rgba(255,39,9, 1);}
.contact-form .text-success{ color:rgba(40,204,82 ,1);}

.site-footer{ position:relative;}
.to_top{ padding:1rem 1.4rem; position:absolute; top:-4rem; right:1rem;}
.to_top .fas{ font-size:2rem;}
.site-footer a{ display:inline-block; line-height:1; margin:0;}
#social-navigation .menu-item::before{ font-size:24px; font-size:2.4rem;}
#social-navigation .menu-item{ position:relative; padding:.7rem 1rem; min-width:4rem; min-height:4rem;}
#social-navigation .menu-item >a{ position:absolute; width:100%; height:100%; top:0; left:0; text-indent:200%; overflow:hidden;}
.menu-item.ico-alibaba{ background:url('../img/ico_alibaba.png') no-repeat center / auto;}
.copyright{ display:block;}

#ajax_window{ display:none; position:fixed; z-index:100; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.75); padding:50px 15px 20px;}
#ajax_close{ position:absolute; z-index:101; padding:1rem 2rem; top:2rem; right:2rem; color:#fff; font-size:30px; font-size:3rem; cursor:pointer;}
#ajax_container{ position:relative;}
#ajax_container a{ /*color:#3c3f46;*/}
#ajax_container .ajax-loading{ position:absolute; z-index:61; top:45%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
#ajax-container .ajax-loaded{ opacity:0; -ms-transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); transform:scale(0);}



/* start editing :	*/
html, body{}
body{ 
	position:relative; background:rgba(23,13,12, 1); color:#fff; font-family:'Heebo',sans-serif; font-weight:400; font-size:14px; font-size:1.4rem; letter-spacing:0;
}
.row{ max-width:760px; max-width:76rem;}
.button{ min-width:14rem; border-radius:0.8rem;}
.button.primary, .button.primary:focus, .button.primary:hover{ background-color:rgba(193,138,8,1); color:#fff;}
/*.button.secondary, .button.secondary:focus, .button.secondary:hover{ background-color:rgba(255,255,255,1); color:#009047;}*/
.ajax-loading{ color:#c18a08;}
.text-secondary{ color:#c18a08; font-weight:400;}
hr{ max-width:none; border-bottom-color:rgba(0,0,0,0.12);}
a.bg-img:hover{ opacity:1;}
.main-navigation .menu li{/* position:relative;*/}
.main-navigation .menu a{ color:#fff; padding:0.8rem 2.5rem;}
#header-navigation{/* text-align:center;*/}
.menu li.current-menu-item a, .menu li.current-page-item a{ font-weight:700;}
.menu .active > a{ font-weight:700; background:transparent;}
.logo-container{ width:100%; max-width:360px;}
.site-main{ }
/*.site-banner{ background-color:#fefefe;}
.site-banner, .site-banner .banner-slider .bg-img{ min-height:22rem;}
.banner-overlay img{ position:absolute; z-index:52; left:0; width:100%;}
.banner-overlay img.top{ top:0;}
.banner-overlay img.bottom{ bottom:-1px;}
.banner-overlay img.bottom.neg{ -ms-transform:scaleY(-1); -webkit-transform:scaleY(-1); -moz-transform:scaleY(-1); -o-transform:scaleY(-1); transform:scaleY(-1);}
/*
.banner-overlay{
	position:absolute; z-index:52; 
	top:0; left:0; width:100%;
	/*-ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);* /
}
.banner-overlay::after{
	background:url('../img/bg_banner_overlay.png') no-repeat center bottom / contain; content:'';
	position:absolute; bottom:100%; left:0; width:100%; height:139px;
}* /
.banner-overlay .caption, .banner-overlay .subcaption{ color:#fff; text-shadow:2px 3px 2px rgba(0,0,0, 0.4); text-transform:capitalize;}
.banner-overlay .caption{ font-weight:700; font-size:25px; font-size:2.5rem;}
.banner-overlay .subcaption{ font-size:13px; font-size:1.3rem; line-height:2;}
.banner-title-container{ position:absolute; left:0; bottom:-2rem; width:100%;}
.banner-image{ }
.banner-title{
	background:rgba(0,144,71,1); display:inline-block; position:relative; padding:1.6rem 3.6rem 1.6rem 1rem; margin-bottom:0;
	color:#fff; text-transform:capitalize;
}*/
.site-title{ font-size:2.4rem; text-transform:capitalize; font-weight:700; position:relative;}
.site-title::after{ content:''; position:absolute; bottom:-3px; left:0; border-bottom:3px solid #fff; width:2rem; height:1px;}
.read-more{ display:inline-block; padding:0.4rem 2.7rem; border:2px solid #fff; text-transform:uppercase; cursor:pointer; font-weight:700;}
.read-more:hover, .read-more:active, .read-more:focus{ border-color:#c18a08;}
.site-footer{ }
.lang-switcher a{ text-transform:uppercase;}
.lang-switcher li:not(:last-child){ position:relative;}
.lang-switcher li:not(:last-child)::after{ position:absolute; content:'|'; font-size:1rem; top:1.1rem; right:-1px;}
.copyright-container{ margin:1.5rem auto 1rem;}


body.home .site-main > section{ width:100vw;}
body.home .site-main > section,
body.home .site-main > section.home  .bg-content, body.home .site-main .content-container{
	background-repeat:no-repeat; background-size:contain; background-position:center top;}
body.home .site-main .content-container{ background-position:center;}
/*body.home .site-main > section:not(.home) .content-container{ background-color:rgb(23,13,12);}* /
body.home .site-main > section.active:not(.home) .content-container{ background-color:rgb(23,13,12);}*/
body.home .site-main > section.home  .bg-content{ }
body.home .site-main > section .content p{ text-align:justify;}
body.home .site-main > section.contact-us .wysig{ display:flex;}
body.home .site-main > section.contact-us .wysig >p{ flex:0 0 auto;}
.aside-content{ display:none;}
.site-aside .aside-btn-container i{ font-size:3rem;}
.aside-container{ position:relative;}
.aside-container .ajax-loading-more{ position:absolute; top:10rem; left:44%;}
.aside-container .ajax-loading-more >i{ font-size:4rem; color:#fff;}
.aside-content{ padding:1rem 0;}
.aside-container #ajax-content >.row{ padding:3rem 0 1rem;}
.aside-container #ajax-content >.row:nth-child(3n+1) .column:nth-child(1){ float:left; width:40%;}
.aside-container #ajax-content >.row:nth-child(3n+1) .column:nth-child(2){ float:right; width:60%;}
.aside-container #ajax-content >.row:nth-child(3n+1).bg-img img{ visibility:visible;}
.aside-container #ajax-content >.row:nth-child(3n+2){ background-color:rgb(48,29,23);}
.aside-container #ajax-content >.row:nth-child(3n+2) .column:nth-child(1){ float:right; width:40%;}
.aside-container #ajax-content >.row:nth-child(3n+2) .column:nth-child(2){ float:left; width:60%;}
.aside-container #ajax-content >.row:nth-child(3n+3){ padding-top:0;}
.aside-container #ajax-content >.row:nth-child(3n+3) >.column{ margin-bottom:2rem;}
.aside-container #ajax-content .txt-container{ display:flex; flex-direction:column; justify-content:center; margin-left:auto; margin-right:auto;}
.aside-container #ajax-content .txt-container p{ text-align:justify;}
.aside-footer .social.navigation .menu{ justify-content:flex-end;}
.group-item{ display:inline-block; vertical-align:top; width:49%; margin-top:0.5rem; margin-bottom:1.5rem; padding-right:1rem;}
.group-url{ display:inline-block; padding:0.4rem 2.7rem; border:2px solid #fff; text-transform:uppercase; cursor:pointer; font-weight:700;}
.group-url:hover, .group-url:active, .group-url:focus{ border-color:#c18a08;}
.process-item{ display:inline-block; width:6rem; height:6rem; border-radius:50%; border:3px solid #fff; margin:0 1rem 1rem 0; position:relative; background-color:rgb(67,67,69); background-size:contain; background-position:center;}
.process-item:not(:last-child)::after{ content:''; position:absolute; width:1.5rem; height:1px; border-bottom:3px solid #fff; top:50%; right:-1.5rem;}

/* 14.0 - Media Queries
 *    14.1 - >= 640px
 *    14.2 - >= 1024px
 *    14.3 - >= 1200px
 *    14.4 - >= 1440px
 */

@media screen and (max-width: 1439) {
	
}
@media screen and (max-width: 1199px) {
	
}
@media screen and (max-width: 1023px) {
	body{ }
	.wil-slider-container, .wil-carousel-container{ max-width:90%; margin-left:5%;}
	.wil-slide-control.left{ left:-45px;}
	.wil-slide-control.right{ right:-45px;}
	.wil-slider >li, .wil-carousel >li{ width:50%;}
	/* edit start here :	*/
	.site-header, .site-header.fixed{ position:fixed; z-index:12;}
	.site-header{ background-color:rgb(23,13,12); width:100%;/* height:7vh;*/ top:0; left:0;}
	.site-main{ /*padding:10vh 0 6vh;*/ overflow:hidden; margin-top:7vh; height:93vh;}
	.site-title{ padding-bottom:1rem; margin-bottom:2rem;}
	.site-footer{ background-color:rgb(23,13,12); width:100%; height:6vh;
		position:fixed; z-index:11; bottom:0; left:0;}
	.site-footer .menu{ justify-content:center;}
	
	body.home{/* overflow:hidden;*/}
	body.home .site-main > section{ height:93vh; display:flex; flex-direction:column; justify-content:flex-end; -webkit-transition:filter 500ms ease 0ms; -moz-transition:filter 500ms ease 0ms; -o-transition:filter 500ms ease 0ms; transition:filter 500ms ease 0ms; height:100vh;}
	body.home .site-main .content-container{ background-image:none !important;}
	body.home .site-main .content{}
	.site-main .home-title{ text-align:center; font-weight:900; font-size:4rem; margin-bottom:3rem;}
	.site-main .btn-container{ text-align:center;}
	.site-aside{ position:fixed; z-index:10; width:100vw; height:93vh; top:100%; left:0;
		-webkit-transition:transform 500ms ease 0ms; -moz-transition:transform 500ms ease 0ms; -o-transition:transform 500ms ease 0ms; transition:transform 500ms ease 0ms;
	}
	.site-aside .aside-btn-container{ padding:1rem; height:7vh;}
	.site-aside .aside-container{ height:86vh; background:rgb(23,13,12); overflow-y:auto;}
	.site-aside .site-title{ margin-left:1rem; width:94%;}
	.aside-container #ajax-content >.row:nth-child(3n+1).bg-img, .aside-container #ajax-content >.row:nth-child(3n+2).bg-img{ background-image:none !important;}
	body.home.hidden .site-main > section{ filter:grayscale(100%);}
	body.home.hidden .site-aside{ -ms-transform:translateY(-93vh); -webkit-transform:translateY(-93vh); -moz-transform:translateY(-93vh); -o-transform:translateY(-93vh); transform:translateY(-93vh);}
	body.home.hidden .site-footer{ display:none;}
}
@media screen and (max-width: 639px) {
	.menu .button, .menu >li >a{ line-height:1.8;}
	.small-dropdown{ position:relative;}
	.site-header .logo-img{ max-height:140px; line-height:48px;}
	.site-header.fixed{/* position:sticky; */z-index:60; width:100%; top:0; left:0;}
	.site-header.fixed .logo-img{ /*max-height:40px; line-height:40px;*/}
	#menu-toggle .fa{ font-size:24px; font-size:2.4rem;}
	#header-navigation{ display:none;}
	.site-header-menu .menu{ padding-top:10px; padding-bottom:10px;}
	.site-header-menu .menu li{ display:block;}
	.site-header-menu .menu li a{ min-height:4rem;}
	body.error404 main, .site-banner{ margin-top:0;}
	.current-dropdownmenu, .menu.dropdown-on-small a{ font-size:inherit;}
	.current-dropdownmenu{ position:relative; display:block; padding:0.8rem 0rem;}
	.current-dropdownmenu::after{ font-family:"Font Awesome 5 Free"; content:"\f0d7"; font-weight:900; position:absolute; right:1rem;}
	.current-dropdownmenu.open::after{ content:"\f0d8";}
	.menu.dropdown-on-small{ display:none; padding:0px 0;}
	.menu.dropdown-on-small .menu-item{ display:block;}
	.menu.dropdown-on-small a{ padding:0.6rem 0rem;}
	.menu.dropdown-on-small .menu-item.active{ display:none;}
	/* edit start here :	*/
	.site-header{ width:100%;}
	.logo-container{ padding:1rem 0;}
	#menu-toggle{ padding:1.5rem 2rem; position:absolute; top:-5.5rem; right:0; z-index:1; border-radius:0;}
	.open #menu-toggle{ background:#fff;}
	.open #menu-toggle .fa{ color:rgb(23,13,12);}
	#header-navigation{ position:absolute; width:100%; text-align:center; background:rgb(23,13,12); border-top:1px solid rgb(107,64,50);}
	.site-header-menu .menu{}
	body.home .site-main section { background-size:200% auto; background-position:right top;}
	body.home .site-main section.home { background-size:200% auto; background-position:left top;}
	body.home .site-main .content{ background:rgb(23,13,12); padding:5vh 4rem 20vh;}
	
	/*.aside-container #ajax-content >.row:nth-child(3n+2) .bg-img{ background-image:none !important;}
	.aside-container #ajax-content >.row:nth-child(3n+2) .bg-img >img{ visibility:visible;}*/
}
@media screen and (max-width: 480px) {
	.logo-container{ width:80%;}
	body.home .site-main .content{ padding:3vh 2rem 17vh;}
}

@media screen and (min-width: 640px) {
	.row .row{ margin-left:-1.5rem; margin-right:-1.5rem;}
	.column, .columns{ padding-left:1.5rem; padding-right:1.5rem;}
	ul.menu.horizontal{ display:inline-block; vertical-align:middle;}
	.menu-item-has-children{ position:relative;}
	.menu-item-has-children .sub-menu{ position:absolute; top:100%; left:0; margin:0; list-style:none; width:100%;}
	.bx-pager-link{ width:30px;}
	.bx-pager-link.active{ cursor:default;}
	.bx-controls-direction{ width:100%; height:100%; position:relative; top:0; left:0;}
	.bx-controls .bx-prev, .bx-controls .bx-next{ font-size:3rem;}
	/* edit start here :	*/
	.logo-container{ margin:1rem 2rem;}
	.lang-switcher li:not(:last-child)::after{ top:0.6rem;}
	.aside-content{ padding:6rem 0 3rem;}
	.aside-container #ajax-content >.row:nth-child(3n+1){ margin-top:3rem;}
	.aside-container #ajax-content >.row:nth-child(3n+3){ margin-bottom:3rem;}
}
@media screen and (min-width: 1024px) {
	p{ line-height:2.2; margin-bottom:1.6rem;}
	dl, ol, ul{ margin-bottom:1.6rem;}
	.menu .button, .menu >li >a{ line-height:1.6;}
	.site-banner, .site-banner .banner-slider .bg-img{ min-height:32rem;}
	.wil-slider >li, .wil-carousel >li{ width:33.3%;}
	.bx-controls .bx-prev, .bx-controls .bx-next{ font-size:4rem;}
	.to_top .fas{ font-size:3rem; margin-top:-1rem;}
	/* edit start here :	*/
	.row{ max-width:940px; max-width:94rem;}
	.site-header{ position:fixed; z-index:10; width:50vw; height:auto;}
	.header-menu-container{ position:fixed; z-index:10; left:2rem; top:0; height:100vh; display:flex; flex-direction:column; justify-content:center;}
	.header-menu-container .menu{ border-left:2px solid #fff; padding-left:0.5rem;}
	.header-menu-container .menu li:not(:last-child){ margin-bottom:1rem;}
	.main-navigation .menu a{ padding-left:0.6rem;}
	.lang-switcher li:not(:last-child)::after{ top:0.9rem;}
	.img-title{ background-size:contain; background-position:center left; background-repeat:no-repeat; height:14rem; margin-top:-10rem;}
	.site-title{ font-size:4.4rem; margin-bottom:2.8rem;}
	.site-title::after{ border-width:4px; width:4rem; bottom:-0.8rem;}
	.read-more{ margin-top:0.625rem;}
	.site-footer{ position:fixed; z-index:10; width:30%; right:50%; margin-right:6rem; height:auto;}
	.site-footer li{ display:inline-block;}
	.site-footer{ bottom:2rem; left:calc(20vw - 6rem);}
	.site-footer .menu{ justify-content:flex-end;}
	
	body.home .header-menu-container, body.home .site-footer{ -webkit-transition:transform 400ms ease 150ms; -moz-transition:transform 400ms ease 150ms; -o-transition:transform 400ms ease 150ms; transition:transform 400ms ease 150ms;
	}
	body.home .site-main, body.home .site-aside{ -webkit-transition:transform 500ms ease 0ms; -moz-transition:transform 500ms ease 0ms; -o-transition:transform 500ms ease 0ms; transition:transform 500ms ease 0ms;
	}
	body.home{ overflow:hidden; width:180vw;}
	body.home .site-main{ width:100vw; float:left; position:relative;}
	body.home .site-main > section,
	body.home .site-main > section.home  .bg-content, body.home .site-main .content-container{
		background-attachment:fixed; background-size:cover; background-position:center;
	}
	body.home .site-main > section{ -webkit-transition:filter 500ms ease 0ms; -moz-transition:filter 500ms ease 0ms; -o-transition:filter 500ms ease 0ms; transition:filter 500ms ease 0ms; height:100vh;
	}
	body.home .site-main > section .content-container{ position:fixed; z-index:2; top:0; left:0; width:100vw; height:100vh; opacity:0; display:flex; flex-direction:row; align-items:center; justify-content:flex-end; }
	body.home .site-main > section.active .content-container{ z-index:3;}
	body.home .site-main > section .content{ position:absolute; right:50%; width:30%; margin:2rem 6rem 2rem 2rem;}
	body.home .site-main > section.home{ position:relative;}
	body.home .site-main > section.home  .bg-content{ position:absolute; width:100vw; height:100vh;}
	body.home .site-main > section.home  .content-container{ position:absolute; align-items:flex-end; opacity:1 !important;}
	body.home .site-main > section.home  .content{ margin-bottom:10rem;}
	body.home.hidden .site-main, body.home.hidden .site-aside,
	body.home.hidden .header-menu-container, body.home.hidden .site-footer{
		-ms-transform:translateX(-80vw); -webkit-transform:translateX(-80vw); -moz-transform:translateX(-80vw); -o-transform:translateX(-80vw); transform:translateX(-80vw);
	}
	body.home.hidden .site-main > section:not(.active), body.home.hiding .site-main > section:not(.active){ background:none !important; opacity:0;}
	body.home.hidden .site-main > section:not(.active) > *, body.home.hiding .site-main > section:not(.active) > *{ display:none !important;}
	body.home.hidden .site-main > section, body.home.hidden .site-main > section .content-container{ background-attachment:initial;}
	body.home.hidden .site-main > section{ filter:grayscale(100%);}
	body.home.hidden .site-main > section .content-container{ position:relative;}
	body.home.hidden .site-main .header-menu-container, body.home.hidden .site-footer{/* position:absolute;*/}
	.site-aside{ width:100vw; height:100vh; position:fixed; z-index:3; float:right; left:80vw; top:0; display:none;}
	.aside-btn-container{ padding-top:14rem; padding-left:4rem;}
	.site-aside .aside-btn-container i{ font-size:4rem;}
	.aside-content{ padding:12rem 0 6rem;}
	.aside-btn-container{ position:absolute; width:16%; height:100vh; float:left;}
	#btn_back{ cursor:pointer;}
	.aside-btn-container .btn{ font-size:3rem;}
	.aside-container .ajax-loading-more{ top:50%; left:46%;}
	.aside-container{ background-color:rgb(23,13,12); width:84%; float:right; height:100vh; overflow-y:auto;}
	.aside-container #ajax-content >.row{ padding:9rem 0 7rem;}
	.aside-container #ajax-content >.row:nth-child(3n+1){ margin-top:5rem;}
	.aside-container #ajax-content >.row:nth-child(3n+1) .txt-container{ padding:7rem 5rem;}
	.aside-container #ajax-content >.row:nth-child(3n+2).bg-img{ background-size:40% auto; background-repeat:no-repeat; background-position:bottom right;}
	.aside-container #ajax-content >.row:nth-child(3n+2).bg-img img{ visibility:hidden;}
	.aside-container #ajax-content >.row:nth-child(3n+2) .txt-container{ padding:2rem 5rem;}
	.aside-container #ajax-content >.row:nth-child(3n+3){ margin-bottom:5rem;}
	.aside-container #ajax-content >.row:nth-child(3n+3) .txt-container{ padding:7rem 5rem;}
	.aside-footer{ text-align:center;}
	.read-more, .group-url{ border-width:3px; padding:0.4rem 3.6rem;}
	.process-item{ width:7rem; height:7rem;}
}
@media screen and (min-width: 1200px) {
	h1{ font-size:3.7rem;}
	h2{ font-size:3.7rem;}
	h3{ font-size:2.8rem;}
	h4{ font-size:2.6rem;}
	/* edit start here :	*/
	.site-title{ font-weight:900;}
	.aside-btn-container{ padding-top:14rem; padding-left:6rem;}
	.site-aside .aside-btn-container i{ font-size:6rem;}
}
@media screen and (min-width: 1440px) {
	/* edit start here :	*/
}

@media screen and (min-width: 640px) and (max-width: 760px) {
}



/*	before animation	*/

/* http://www.colorzilla.com/gradient-editor/ to create css gradient background */