@charset "utf-8";
html, body {
  overflow-x:hidden !important;
} 
.center
{
	width: 90%;
}
.logo {
    width: 40%;
}
.logo a img {
    width: 90%;
	height: auto;
}
.social h2
{
	display: none;
}
.social ul li
{
	margin-right: 2vw;
}
.hero-section
{
	padding-top: 7%;
}
.hero-section.mobile
{
	display: block;
}
.hero-section.desktop
{
	display: none;
}
.mobile
{display: block;
	
}
.left-top {
    width: 100%;
	margin-bottom: 6%;
}
.title-top
{
	margin-top: 0
}
.title-top h3 {
    font-size: 5vw;
    color: #fff;
}
.title-top h2 {
    font-size: 8vw;
    color: #fff;
    line-height: 2.2rem;
}
.down-top h4
{
	font-size: 8.5vw;
}
.register h2
{
	font-size: 4vw;
	margin-bottom: 3%;
}
.down-top i {
    font-size: 7vw;
    font-style: normal;
}
.title-top h2 img
{
	height: 24px;
	width: auto;
}
.register {
    margin: 6% auto 0px auto;
}
.text-input {
    font-size: 1em;
    padding: 4% 3vw;
    width: 65%;
    margin-right: 3%;
}
.submit-input {
    font-size: 1em;
    padding: 4% 3vw;
	width: 32%;
 
}
.right-top
{
	width: 100%;
}
.right-top img
{
	width: 80%;
	margin: auto;
}
.down-top {
    margin-top: 6%;
}
.down-top img {
    height: 50px;
}
.down-top h3 {
    margin-top: 3%;
    font-size:5vw;
}
.down-top h2 {
    font-size: 9vw;
    line-height: 2.2rem;
}
.section {
    padding: 6% 0px;
}
.category ul li {
    width: 32%;
    margin-top: 5%;
    margin-right: 2%;
	text-align: center;
	align-content: center;
	align-items: center;
	flex-direction: column;
}
.category ul li:nth-child(3n)
{
	margin-right: 0px !important;
}
.category ul li:nth-child(4n)
{
	margin-right: 2%;
}
.category ul li:nth-child(4)
{
	margin-top: 5%;
}
.category ul li h2 {
    margin-left: 0px;
    font-size: 4vw;
	text-align: center;
	margin-top: 3vw;
	width: 100%;
}
.image-cat {
    width: 70px;
    height: 70px;
    position: relative;
    border-radius: 10px;
	margin: auto;
}
.section-black {
    padding: 6% 0px;
}
.section-black h2 {
    font-size: 6vw;
    height: 20px;
}
.shop {
    height: 20px;
    margin-left: 2vw;
    position: relative;
    margin-bottom: 0rem;
}
.arrow {
    height: 12px;
    margin-left: 2vw;
}
.section-grey {
    padding: 6% 0px;
}
.block
{
	flex-direction: column;
}
.block-left {
    width: 100%;
	margin-bottom: 6%;
	text-align: center;
}
.block-title
{
	align-content: center;
	align-items: center;
	justify-content: center;
}
.block-title img {
    width: 30px;
    margin-right: 2vw;
}
.block-title h2 {
    font-size: 2rem;
}
.block-right {
    width: 80%;
	margin: auto;
}
.block-right img {
    width: 100%;
}
.section-white {
    padding: 6% 0px;
}
.section-white .block
{
	flex-direction: column-reverse;
}
.section-low-red {
    padding: 6% 0px;
}
.desktop
{
	display: none;
}
.desktop-t
{
	display: none;
}
.feature
{
	padding: 6% 0px;
	width: 90%;
	margin: auto;
}
.feature ul li {
    text-align: center;
    width: 100%;
    height: auto;
	border: 0px !important;
	border-left: 0px !important;
    padding: 6%;
}
.feature ul li img {
    height: 40px;
    margin: 0px auto 15px auto;
}
.feature ul li h2
{
	margin-bottom: 5%;
}
.footer {
    padding: 5% 0px;
}
.footer p {
    color: #fff;
    font-size: 0.8em;
	text-align: center;
}
.footer .center
{
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	text-align: center;
}
.footer p a {
    margin-left: 2vw;
}
.footer span {
    font-size: 0.8em;
	margin-top: 3%;
	text-align: center;
}
.swiper-horizontal>.swiper-scrollbar
{
	bottom: 0 !important;
}
.swiper1
{
	padding-bottom: 6% !important;
}
.swiper-scrollbar-drag
{
	background-color: #EC1B41 !important;
}
.block-desk p
{
	font-size: 1rem;
	line-height: 1.4rem;
}
/*.swiper-slide
{
	text-align: center;
	width: 80%
}
.swiper-slide img
{
	width: 100% !important;
}
.swiper-slide h2
{
	font-size: 8vw;
    font-weight: 500;
	margin-bottom: 6%;
}*/
.feature ul li p
{
	min-height: auto;
}