:root {
	--white: #ffffff;
	--main: #1b639b;
	--font: #4d4d4d;
	--sub: #8f8f8f;
	--hover: #0a598c;
}

@font-face {
	font-family: 'hv';
	font-display: swap;
	src: url('../fonts/HelveticaNeueLTPro-Hv.otf');
}

.hv {
	font-family: 'hv';
}

@font-face {
	font-family: 'bd';
	font-display: swap;
	src: url("../fonts/HelveticaNeueLTPro-Bd.otf");
}

.bd {
	font-family: 'bd';
}

@font-face {
	font-family: 'lt';
	font-display: swap;
	src: url("../fonts/HelveticaNeueLTPro-Lt.otf");
}

.lt {
	font-family: 'lt';
}

@font-face {
	font-family: 'th';
	font-display: swap;
	src: url("../fonts/HelveticaNeueLTPro-Th.otf");
}

.th {
	font-family: 'th';
}

@font-face {
	font-family: 'thex';
	font-display: swap;
	src: url("../fonts/HelveticaNeueLTPro-ThEx.otf");
}

.thex {
	font-family: 'thex';
}

@font-face {
	font-family: 'roman';
	font-display: swap;
	src: url("../fonts/HelveticaNeueLTPro-Roman.otf");
}

.roman {
	font-family: 'roman';
}

* {
	margin: 0;
	padding: 0;
	outline: none;
}

html,
body {
	width: 100%;
	position: relative;
}

body {
	font-family: "helvetica, arial, sans-serif";
	font-size: 16px;
	font-style: normal;
	line-height: unset;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

ul,
li {
	list-style: none;
}

ul,
dl,
p {
	margin-bottom: 0;
}

a,
a:visited,
a:link,
a:hover {
	text-decoration: none;
}

[line-clamp='1'] {
	-webkit-line-clamp: 1;
}

[line-clamp='2'] {
	-webkit-line-clamp: 2;
}

[line-clamp='3'] {
	-webkit-line-clamp: 3;
}

[line-clamp='4'] {
	-webkit-line-clamp: 4;
}

[line-clamp='5'] {
	-webkit-line-clamp: 5;
}

.line-limit {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.swiper-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	outline: none;
}

.swiper-button-prev,
.swiper-button-next {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	outline: none;
}

.thumb-img {
	width: 100%;
	overflow: hidden;
}

.thumb-img img {
	display: block;
	width: 100%;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.thumb-img:hover img,
a:hover .thumb-img img {
	transform: scale(1.08, 1.08);
}

.thumb img {
	display: block;
	width: 100%;
	/* max-width: 100%; */
}

/* The main style */
svg {
	display: block;
}

.container {
	width: 1280px;
}

.section-column-padding {
	padding: 80px 0;
}

header {
	position: relative;
	transition: all .5s; 
}

.header-sticky {
    position: sticky;
    top: 0;
    background-color: var(--white);
    border-bottom: 1px solid #eeeeee;
    z-index: 999;
}

.header-container {
	display: flex;
	justify-content: space-between;
	align-content: center;
}

.header-container .logo a {
	display: block;
	padding: 15px 0;
}

.header-container .logo img {
	display: block;
	max-width: 200px;
	transition: all .5s;
}

.header-container .nav-flex-wrapper {
	display: flex;
	align-content: center;
}

.nav-flex-wrapper .nav-ul {
	display: flex;
	align-items: center;
	height: 100%;
}

.nav-flex-wrapper .nav-ul li {
	display: block;
	height: 100%;
}

.nav-flex-wrapper .nav-ul li:not(:last-child) {
	margin-right: 50px;
}

.nav-flex-wrapper .nav-ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	color: var(--font);
}

.nav-flex-wrapper .nav-ul li a:hover {
	color: var(--hover);
}

.nav-flex-wrapper .nav-tool {
	display: flex;
	margin-left: 50px;
}

.nav-flex-wrapper .nav-tool li {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.nav-flex-wrapper .nav-tool li img {
	display: block;
	width: 100%;
	max-width: 18px;
}

.nav-flex-wrapper .nav-tool li .search-form,
.nav-flex-wrapper .nav-tool li .lang-select {
	position: absolute;
	top: 100%;
	z-index: 999;
}

.nav-flex-wrapper .nav-tool li.search {
	padding-right: 20px;
}

.nav-flex-wrapper .nav-tool li.search::after {
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translate(0, -50%);
	height: 12px;
	border-right: 1px solid #c0c0c0;
}

.nav-flex-wrapper .nav-tool li.search .icon-search{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100% ;
}

.nav-flex-wrapper .nav-tool li .search-form {
	right: 0;
	background-color: var(--white);
	border: 1px solid #999999;
	border-radius: 5px;
	padding: 10px;
	visibility: hidden;
	opacity: 0;
	transition: all .5s;
}

.nav-flex-wrapper .nav-tool li.search .search-form.open {
	visibility: visible;
	opacity: 1;
}

.nav-flex-wrapper .nav-tool li .search-form::before {
	content: '';
	position: absolute;
	top: -8px;
	display: block;
	width: 15px;
	height: 15px;
	background-color: var(--white);
	border: 1px solid #999999;
	border-right: 0;
	border-bottom: 0;
	right: 20px;
	transform: rotate(45deg);
}

.nav-flex-wrapper .nav-tool li .search-form form {
	display: flex;
	align-content: center;
}

.nav-flex-wrapper .nav-tool li .search-form input {
	line-height: 30px;
	padding: 0 10px;
	border: 0;
	border-bottom: 1px solid #999999;
}

.nav-flex-wrapper .nav-tool li .search-form button {
	background-color: #2b92d5;
	color: var(--white);
	border: 0;
	padding: 0 10px;
}

.nav-flex-wrapper .nav-tool li.lang {
	padding-left: 20px;
}

.nav-flex-wrapper .nav-tool li.lang::after {
	content: '';
	width: 8px;
	height: 8px;
	border: 1px solid #c0c0c0;
	border-left: 0;
	border-bottom: 0;
	margin-left: 10px;
	transform: rotate(135deg);
}

.nav-flex-wrapper .nav-tool li .lang-select {
	display: flex;
	justify-content: space-between;
	align-content: center;
	background-color: var(--white);
	width: 70px;
	padding: 8px 10px;
	border: 1px solid #999999;
	border-radius: 5px;
	visibility: hidden;
	opacity: 0;
	transition: all .5s;
}

.nav-flex-wrapper .nav-tool li.lang.open .lang-select {
	visibility: visible;
	opacity: 1;
}

.nav-flex-wrapper .nav-tool li .lang-select:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -8px;
	display: block;
	width: 15px;
	height: 15px;
	background-color: var(--white);
	border: 1px solid #999999;
	border-right: 0;
	border-bottom: 0;
	transform: translate(-50%,0) rotate(45deg);
}

.nav-mobile-btn{
	display: none;
}

.scroll-banner-swiper {
	position: relative;
	width: 100%;
}

.scroll-banner-swiper a,
.scroll-banner-swiper img {
	display: block;
	width: 100%;
}

.scroll-banner-swiper .swiper-button-prev,
.scroll-banner-swiper .swiper-button-next,
.scroll-banner-swiper .swiper-pagination {
	position: initial;
	width: auto;
	margin-top: 0;
}

.scroll-banner-swiper .swiper-button-prev,
.scroll-banner-swiper .swiper-button-next {
	width: 30px;
	height: 30px;
}

.scroll-banner-swiper .swiper-button-prev::after,
.scroll-banner-swiper .swiper-button-next::after {
	font-size: 16px;
	color: var(--white);
}

.scroll-banner-swiper .swiper-custom {
	position: absolute;
	width: 100%;
	bottom: 80px;
	z-index: 999;
}

.scroll-banner-swiper .swiper-tool {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 5% ;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.scroll-banner-swiper .swiper-tool .swiper-buttons {
	display: flex;
}

.scroll-banner-swiper .swiper-pagination {
	display: flex;
	align-items: center;
	color: var(--white);
}

.scroll-banner-swiper .swiper-pagination span {
	display: block;
	line-height: 30px;
}

.scroll-banner-swiper .swiper-pagination span:nth-child(2) {
	margin: 0 5px;
}

.static-banner{
	position: relative;
}

.static-banner img{
	display: block;
	width: 100% ;
}

.static-banner .banner-title{
	position: absolute;
	left: 50% ;
	top: 50% ;
	transform: translate(-50%,-50%);
	font-size: 50px ;
	font-weight: 500;
	color: var(--white);
	text-align: center;
	text-transform: uppercase;
}

.section-more-title {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.section-more-title .title {
	font-family: 'bd';
	font-size: 50px;
	color: var(--font);
	text-transform: uppercase;
}

.section-more-title .more {
	transform: translateY(-15px);
}

.section-more-title .more a {
	display: flex;
	color: var(--hover);
	align-items: flex-end;
}

.section-more-title .more .icon-svg {
	display: block;
	fill: var(--hover);
	width: 20px;
	height: 20px;
	margin-left: 5px;
	transition: all 0.5s
}

.section-more-title .more:hover .icon-svg {
	transform: translateX(10px);
}

.grid-index-products {
	display: grid;
	grid-template-columns: repeat(3, calc((100% - 30px) / 3));
	grid-gap: 30px 15px;
	margin-top: 50px;
}

.grid-index-products .item .title {
	font-size: 20px;
	color: var(--font);
	text-align: center;
	margin-top: 20px;
}

/* Page-breadcrumb */
.page-breadcrumb {
	display: flex;
	align-items: center;
	margin: 30px 0 50px;
}

.page-breadcrumb a {
	display: flex;
	align-items: center;
	color: #7a7a7a;
}

.page-breadcrumb a::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border: 1px solid #7a7a7a;
	border-left: 0;
	border-bottom: 0;
	margin-left: 5px;
	margin-right: 10px;
	transform: rotate(45deg);
}

.page-breadcrumb a:last-child::after {
	display: none;
}

.grid-list-products{
	display: grid;
	grid-template-columns: repeat(2,calc((100% - 30px) / 2));
	grid-gap: 50px 30px;
	margin-bottom: 80px ;
}

.grid-list-products .item{
	display: block;
	width: 100%;
}

.grid-list-products .item .title{
	font-size: 20px ;
	color: #414141;
	text-align: center;
	margin: 20px 0 ;
}

.grid-list-products .item .more{
	text-align: center;
}

.grid-list-products .item .more .icon{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background-color: #dcdcdc;
	width: 40px ;
	height: 40px ;
	border-radius: 50% ;
	cursor: pointer;
}

.grid-list-products .item .more .icon:hover{
	background-color: var(--hover);
}

.grid-list-products .item .more .icon svg{
	display: block;
	fill: #414141;
	width: 20px ;
	margin: 0 auto;
}

.grid-list-products .item .more .icon:hover svg{
	fill: #ffffff;
}

.show-product .product-basic{
	display: flex;
	margin-bottom: 80px ;
}

.show-product .product-basic .thumb-img,
.show-product .product-basic .thumb-desc{
	width: 100% ;
}

.show-product .product-basic .thumb-desc{
	padding-left: 80px ;
}

.show-product .product-basic .thumb-desc .title{
	font-size: 32px ;
	font-weight: 500 ;
	color: var(--font);
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 20px ;
	margin-bottom: 20px ;
}

.show-product .product-basic .thumb-desc .params{
	margin-bottom: 50px ;
}

.show-product .product-basic .thumb-desc .params li:not(:last-child){
	margin-bottom: 20px ;
}

.show-product .product-basic .thumb-desc .params .param-title{
	font-size: 20px ;
	font-weight: 500 ;
	color: var(--font);
	margin-bottom: 10px ;
}

.show-product .product-basic .thumb-desc .press a{
	display: inline-block;
	background-color: #087ed1;
	font-weight: 500 ;
	color: var(--white);
	padding: 10px 30px ;
	border-radius: 5px ;
}

.show-product .product-detail .topic-title{
	font-size: 32px ;
	font-weight: 500 ;
	color: var(--font);
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 20px ;
}

.show-product .product-detail .product-body{
	line-height: 30px ;
	padding: 50px 0 80px ;
}

.show-product .product-detail .product-body img{
	display: block;
	width: fit-content;
	max-width: 100% ;
}

.bg-grey {
	background-color: #f0f1f5;
}

.index-about {
	display: flex;
	flex-direction: row-reverse;
}

.index-about .thumb,
.index-about .thumb-desc {
	width: 100%;
}

.index-about .thumb {
	background-color: var(--white);
	padding: 10px;
}

.index-about .thumb-desc .title {
	font-size: 50px;
	margin-bottom: 50px;
}

.index-about .thumb-desc .subtitle {
	font-size: 20px;
	color: var(--hover);
	margin-bottom: 20px;
}

.index-about .thumb-desc .desc {
	color: var(--font);
	line-height: 30px;
	margin-bottom: 40px;
}

.index-about .thumb-desc .more a.more-link {
	display: inline-flex;
	align-items: flex-end;
	background-color: #2b92d5;
	color: var(--white);
	padding: 5px 20px;
	border-radius: 3px;
}

.index-about .thumb-desc .more a.more-link .icon-svg {
	display: block;
	fill: var(--white);
	width: 16px;
	height: 16px;
	margin-left: 10px;
	transition: all 0.5s;
}

.index-about .thumb-desc .more a.more-link:hover .icon-svg {
	transform: translateX(10px);
}

.section-index-about {
	background: linear-gradient(#f0f1f5 50%, #ffffff 50%);
}

.index-about-data {
	background-color: #2b92d5;
	display: flex;
	padding: 30px 0;
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
}

.index-about-data .item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: calc(100% / 4);
	color: var(--white);
	padding: 0 50px;
}

.index-about-data .item:not(:last-child) {
	border-right: 1px solid #6bb3e2;
}

.index-about-data .item .data {
	display: flex;
	align-items: flex-start;
	margin-bottom: 10px;
}

.index-about-data .item .data .data-content {
	display: flex;
	align-items: flex-end;
}

.index-about-data .item .data .data-content .num {
	font-size: 50px;
	line-height: 50px;
}

.index-about-data .item .data .data-content .unit {
	display: block;
	margin-left: 5px;
}

.index-about-data .item .desc {
	text-align: center;
}

.page-about-data{
	background-color: transparent;
	border-radius: 0 ;
	padding: 80px 0 ;
}

.page-about-data .item{
	color: var(--sub);
}

.page-about-data .item:not(:last-child){
	border-right: 1px solid #eeeeee;
}

.page-about-data .item .data{
	font-weight: bold;
	color: #6bb3e2;
}

.grid-about-thumbs{
	width: 100% ;
	display: grid;
	grid-template-columns: repeat(4,calc((100% - 30px) / 4));
	grid-template-rows: repeat(2,auto); 
	grid-gap: 10px ;
}

.grid-about-thumbs .item{
	border-radius: 10px ;
}

.grid-about-thumbs .item:last-child{
	grid-column: 3/5;
	grid-row: 1/3;
}

.grid-about-thumbs .item img{
	display: block;
	width: 100% ;
	border-radius: 10px ;
}

.about-wrapper{
	display: flex;
}

.about-wrapper .thumb,
.about-wrapper .thumb-desc{
	width: 100% ;
}

.about-wrapper .thumb img{
	display: block;
	width: 100% ;
}

.about-wrapper .thumb-desc{
	line-height: 25px ;
	padding-left: 50px ;
	color: #565656;
}

.section-certificate-padding{
	padding: 40px 0 80px ;
}

.about-topic-title{
	font-size: 50px ;
	text-align: center;
	text-transform: uppercase;
}

.scroll-certificate-swiper{
	margin-top: 50px ;
	padding-bottom: 60px ;
}

.scroll-certificate-swiper img{
	display: block;
	width: 100% ;
}

.scroll-certificate-swiper .swiper-pagination{
	bottom: 0 ;
}

.scroll-certificate-swiper .swiper-pagination .swiper-pagination-bullet{
	background-color: #313131;
	opacity: 1;
}

.scroll-certificate-swiper .swiper-pagination .swiper-pagination-bullet-active{
	background-color: #6bb3e2;
}

.grid-index-news {
	display: grid;
	grid-template-columns: repeat(2, calc((100% - 50px) / 2));
	grid-gap: 30px 50px;
	margin-top: 50px;
}

.grid-index-news .item {
	display: block;
}

.grid-index-news .item .thumb-img,
.grid-index-news .item .thumb-img img {
	border-radius: 5px;
}

.grid-index-news .item>div:not(:last-child) {
	margin-bottom: 20px;
}

.grid-index-news .item .thumb-img {
	position: relative;
}

.grid-index-news .item .thumb-img .date {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #2b92d5;
	color: var(--white);
	padding: 8px;
}

.grid-index-news .item .thumb-img .date span.month {
	font-size: 24px;
	line-height: 24px;
	font-weight: 500;
}

.grid-index-news .item .thumb-img .date span.year {
	font-size: 14px;
	font-weight: 500;
}

.grid-index-news .item .thumb-desc>div:not(:last-child) {
	margin-bottom: 10px;
}

.grid-index-news .item .thumb-desc .date {
	font-size: 14px;
	color: var(--hover);
}

.grid-index-news .item .thumb-desc .title {
	font-size: 20px;
	color: var(--font);
}

.grid-index-news .item .thumb-desc .desc {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	color: var(--sub);
}

.grid-index-news .item .thumb-desc .desc span {
	width: calc(100% - 30px);
}

.grid-index-news .item .thumb-desc .desc .icon-svg {
	display: block;
	fill: var(--hover);
	width: 16px;
	height: 16px;
}

.grid-list-news .item{
	display: flex;
	align-items: center;
	margin-bottom: 50px ;
}

.grid-list-news .item .item-thumb{
	display: flex;
	align-items: center;
	width: 80% ;
	color: var(--font);
	border-right: 1px solid #eeeeee;
}

.grid-list-news .item .item-thumb .thumb{
	width: 30% ;
}

.grid-list-news .item .item-thumb .thumb img{
	display: block;
	border-radius: 5px ;
}

.grid-list-news .item .item-thumb .thumb-desc{
	width: 70% ;
	padding: 0 50px ;
}

.grid-list-news .item .item-thumb .thumb-desc .title{
	font-size: 28px ;
}

.grid-list-news .item .item-thumb .thumb-desc .desc{
	color: var(--sub);
	margin: 20px 0 ;
}

.grid-list-news .item .item-thumb .thumb-desc .more svg{
	display: block;
	width: 30px ;
	transition: all .5s; 
}

.grid-list-news .item .item-thumb:hover .thumb-desc .more svg{
	fill: var(--hover);
	transform: translateX(10px);
}

.grid-list-news .item .item-date{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 20% ;
}

.grid-list-news .item .item-date span.month{
	font-size: 50px ;
	font-weight: 500 ;
	line-height: 50px ;
}

.grid-list-news .item .item-date span.year{
	font-size: 25px ;
}

.show-news .title{
	font-size: 30px ;
	text-align: center;
	margin-bottom: 20px ;
}

.show-news .date{
	color: var(--sub);
	text-align: center;
	padding-bottom: 20px ;
}

.show-news .news-body{
	color: var(--sub);
	line-height: 30px ;
	padding: 50px 120px ;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

.show-news .news-body img{
	display: block;
	width: 100% ;
	max-width: 100% ;
}

.show-news .news-related{
	padding: 50px 120px;
}

.show-news .news-related a{
	display: flex;
	font-weight: 500 ;
	color: var(--font);
}

.show-news .news-related a:hover{
	color: var(--hover);
}

.show-news .news-related a:not(:last-child){
	margin-bottom: 10px ;
}

.show-news .news-related a span.name{
	color: var(--sub);
	margin-right: 10px ;
}

/* Page */
.page {
	display: flex;
	justify-content: center;
	align-items: center;
}

.page li,
.page li a {
	display: block;
}

.page li:not(:last-child) {
	margin-right: 10px;
}

.page li a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-weight: 500 ;
	text-align: center;
	color: #828282;
	border: 1px solid #eeeeee;
	border-radius: 5px ;
}

.page li.active a,
.page li:hover a {
	background-color: #087ed1;
	border: 1px solid #087ed1;
	color: var(--white);
}

.page-news{
	padding: 30px 0 80px ;
}

.contact-topic-title{
	font-size: 40px ;
	text-transform: uppercase;
	margin-bottom: 50px ;
}

.grid-list-contact{
	display: grid;
	grid-template-columns: repeat(2,calc((100% - 30px) / 2));
	grid-gap: 30px ;
}

.grid-list-contact .item{
	border: 1px solid #eeeeee;
	padding: 30px 50px ;
}

.grid-list-contact .item .icon,
.grid-list-contact .item .area{
	margin-bottom: 20px ;
}

.grid-list-contact .item .icon img{
	display: block;
	max-width: 50px ;
}

.grid-list-contact .item .title{
	font-size: 20px ;
	font-weight: 500 ;
	margin-bottom: 20px ;
}

.grid-list-contact .item .address,
.grid-list-contact .item .tel{
	color: var(--sub);
	line-height: 30px ;
}

.contact-map{
	padding: 50px 0 ;
}

.contact-map img{
	display: block;
	width: 100% ;
}

/* Form */
.form-elements .form-line {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

.form-elements .form-line input,
.form-elements .form-line textarea,
.form-elements .form-line button {
	outline: none;
}

.form-elements .form-line input,
.form-elements .form-line textarea {
	display: block;
	width: 100%;
	background-color: var(--white);
	border: 0;
	padding: 10px 20px;
}

.form-elements .form-line textarea {
	padding: 20px;
}

.form-elements .form-line input:not(:last-child) {
	margin-right: 30px;
}

.form-elements .form-line button {
	display: block;
	background-color: var(--hover);
	width: calc((100% - 60px) / 3);
	font-weight: 500;
	color: var(--white);
	text-transform: uppercase;
	padding: 10px 50px;
	border: 1px solid var(--hover);
	margin: 0 auto;
}

footer {
	background-color: #313131;
}

.footer-wrapper {
	display: flex;
	padding: 60px 0 80px;
	border-bottom: 1px solid #575757;
}

.footer-logo {
	width: 20%;
	padding-right: 60px;
	border-right: 1px solid #575757;
}

.footer-logo a,
.footer-logo img {
	display: block;
	width: 100%;
}

.footer-logo img {
	max-width: 160px;
}

.footer-msg {
	width: 80%;
	display: flex;
	color: #989898;
}

.footer-msg .item {
	padding-left: 60px;
}

.footer-msg .item .title {
	color: var(--white);
	margin-bottom: 20px;
}

.footer-msg .item .name,
.footer-msg .item .address {
	margin-bottom: 10px;
}

.footer-msg .item .name {
	font-size: 18px;
	font-weight: bold;
	color: var(--white);
	margin-bottom: 10px;
}

.footer-copy {
	color: var(--white);
	padding: 30px 0 50px;
}

/* Go to top */
.gotoTop {
	position: fixed;
	right: 30px;
	bottom: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: var(--main);
	visibility: hidden;
	opacity: 0;
	transition: .5s;
	z-index: 998;
	cursor: pointer;
}

.gotoTop::before {
	content: "";
	display: block;
	border-bottom: 13px solid var(--white);
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
}

.gotoTop::after {
	content: "";
	display: block;
	width: 5px;
	height: 20px;
	background-color: var(--white);
}

.gotoTop.visible {
	visibility: visible;
	opacity: 1;
}