/*General-css*/
*, *:after, *::before { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } 
a, button, li, svg path, .pdf-download .ic-download, .lightbox-img .inner-img { -webkit-transition: all, 0.3s; -o-transition: all, 0.3s; transition: all, 0.3s; } 
html, body { min-height: 100%; } 
body { color: #464646; font-size: 18px; line-height: 1.53; font-family: 'BasierSquareRegular'; margin: 0; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; } 
body.grey-bg { background-color: #e4e4e4; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; padding: 0; font-family: 'BasierSquareBold'; font-weight: normal; } 
img { max-width: 100%; } 
a { text-decoration: none; display: inline-block; color: #464646; } 
a:hover { text-decoration: none; color: #4C82D8; } 
em { font-style: normal; } 
::selection { color: #fff; background-color: #4C82D8; } 
::-moz-selection { color: #fff; background-color: #4C82D8; } 

h1 { font-size: 40px; line-height: 1.4; margin-bottom: 21px; } 
h2 { font-size: 40px; line-height: 1.4; } 
h3 { font-size: 18px; font-family: 'BasierSquareSemiBold'; margin-bottom: 5px; } 
h4 { font-size: 26px; line-height: 1.38; font-family: 'BasierSquareMedium'; margin-bottom: 34px; } 
p { margin-bottom: 20px; } 

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 

/* Firefox */
input[type=number] { -moz-appearance: textfield; } 
:focus { outline: 0; } 
ol, ul { list-style: none; } 
button:focus { outline: 0; overflow: hidden; } 
.wrapper { min-height: 100vh; } 
.container { padding: 0 15px; width: 100%; max-width: 1173px; margin: 0 auto } 
.container.lg { max-width: 1307px; } 
.container.sm { max-width: 980px; } 
.container.xs { max-width: 588px; } 
main { padding-top: 74px; } 
main.invitation-page { padding-top: 0; } 
.text-blue { color: #4C82D8 !important; } 
strong { font-family: 'BasierSquareBold'; } 

.custom-bullets li { position: relative; padding-left: 19px; margin-bottom: 6px; } 
.custom-bullets li:before { content: ''; position: absolute; left: 0; top: 11px; height: 7px; width: 7px; background-color: #464646; border-radius: 50%; } 
.custom-bullets li:last-child { margin-bottom: 0; } 

.btn { font-size: 18px; line-height: 1.2; background: #4C82D8; border-radius: 12px; color: #fff; text-transform: uppercase; font-family: 'BasierSquareMedium'; padding: 25px; min-width: 249px; box-shadow: 0 9px 18px rgba(141, 175, 230, 1); } 
.btn:hover { color: #fff; box-shadow: 0 9px 40px rgba(141, 175, 230, 1); } 

.blue-btn { height: 57px; font-size: 18px; font-family: 'BasierSquareMedium'; color: #464646; background-color: #E7EFFE; border-radius: 8px; padding: 0 5px; display: flex; align-items: center; justify-content: center; } 
.blue-btn .icon { line-height: 0; width: 17px; margin-right: 11px; } 

.grey-text { color: #8A8A8A !important; }
.lightgrey-text { color: rgba(70, 70, 70, 0.8) !important; }
.blue-text { color: #4C82D8 !important; }

@keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 
 40% { transform: translateY(30px); } 
 60% { transform: translateY(-15px); } 
 }

header { position: fixed; left: 0; right: 0; top: 0; z-index: 10; box-shadow: 0 3px 6px rgba(0,0,0,0.09); padding: 13px 0; background-color: #fff; } 
header .container { display: flex; justify-content: space-between; align-items: center; } 
header .store-buttons { display: flex; } 
header .store-buttons a { margin-right: 12px; display: flex; } 
header .store-buttons a:last-child { margin-right: 0; } 
header.secondary-header { display: none; text-align: left; padding: 11px 4px; } 
header.secondary-header .container { justify-content: flex-start; align-items: flex-start; } 
header.secondary-header .content { padding-left: 13px; } 
header.secondary-header .content span { display: block; color: #464646; font-size: 14px; line-height: 1.2; } 
header.secondary-header .content span.title { font-size: 18px; font-family: 'BasierSquareMedium'; margin-bottom: 5px; } 

.hero-section { height: calc(100vh - 74px); display: flex; align-items: center; justify-content: center; text-align: center; position: relative; background-image: url(../images/bg-shape-01.svg), url(../images/bg-shape-02.svg); background-position: 67px 79px, calc(100% + 21px) bottom; background-repeat: no-repeat; min-height: 400px; } 
.hero-section .hero-content { width: 627px; max-width: 100%; margin: 0 auto; } 
.hero-section .scroll-down { position: absolute; left: calc(50% - 11px); bottom: 12px; animation: bounce 2s infinite; } 
.hero-section .animated-link { font-size: 40px; line-height: 1.4; font-family: 'BasierSquareBold'; color: #4C82D8; height: 56px; overflow: hidden; position: relative; width: 430px; max-width: 100%; } 

.hero-section .animated-link span { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; text-align: center; opacity: 0; -webkit-animation: rotateWord 15s linear infinite 0s; -ms-animation: rotateWord 15s linear infinite 0s; animation: rotateWord 15s linear infinite 0s; } 
.hero-section .animated-link span:nth-child(2) { -webkit-animation-delay: 3s; -ms-animation-delay: 3s; animation-delay: 3s; } 
.hero-section .animated-link span:nth-child(3) { -webkit-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; } 
.hero-section .animated-link span:nth-child(4) { -webkit-animation-delay: 9s; -ms-animation-delay: 9s; animation-delay: 9s; } 
.hero-section .animated-link span:nth-child(5) { -webkit-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; } 
@-webkit-keyframes rotateWord { 
 0% { opacity: 0; } 
 2% { opacity: 0; -webkit-transform: translateY(56px); } 
5% { opacity: 1; -webkit-transform: translateY(0px); } 
 17% { opacity: 1; -webkit-transform: translateY(0px); } 
20% { opacity: 0; -webkit-transform: translateY(-56px); } 
80% { opacity: 0; } 
 100% { opacity: 0; } 
 }
@-ms-keyframes rotateWord { 
 0% { opacity: 0; } 
 2% { opacity: 0; -ms-transform: translateY(56px); } 
5% { opacity: 1; -ms-transform: translateY(0px); } 
 17% { opacity: 1; -ms-transform: translateY(0px); } 
20% { opacity: 0; -ms-transform: translateY(-56px); } 
80% { opacity: 0; } 
 100% { opacity: 0; } 
 }
@keyframes rotateWord { 
 0% { opacity: 0; } 
 2% { opacity: 0; -webkit-transform: translateY(56px); transform: translateY(56px); } 
5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } 
 17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } 
20% { opacity: 0; -webkit-transform: translateY(-56px); transform: translateY(-56px); } 
80% { opacity: 0; } 
 100% { opacity: 0; } 
 }

.hero-banner { background-size: cover; background-position: center; background-repeat: no-repeat; height: 182px; display: flex; align-items: center; } 
.hero-banner.privacy-policy { background-color: #EFF4FB; background-image: url(../images/privacy-bg-desktop.svg); background-position: right bottom; background-size: auto; } 
.hero-banner h1 { font-size: 30px; line-height: 1.5; margin: 0; } 
.hero-banner.secondary { height: 267px; background-image: url(../images/group-banner.jpg); } 

.coming-soon-app { padding: 140px 0; text-align: center; } 
.coming-soon-app h2 { font-family: 'BasierSquareRegular'; margin-bottom: 51px; } 
.coming-soon-app .container { max-width: 1010px; } 
.btn-block { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.btn-block .app-btn { width: calc(50% - 30px); align-items: center; justify-content: center; display: flex; background-color: #4C82D8; border-radius: 24px; color: #fff; font-size: 30px; line-height: 1; height: 150px; font-family: 'BasierSquareMedium'; } 
.btn-block .app-btn:hover { opacity: 0.8; } 
.btn-block .app-btn .content span { display: block; text-align: left; font-size: 26px; } 
.btn-block .app-btn.app-store { background-color: #EFCC40; color: #010100; } 
.btn-block .app-btn em { margin-right: 21px; } 

.register-group { text-align: center; padding: 156px 0 140px; background-color: #EFF4FB; background-image: url(../images/bg-shape-03.svg), url(../images/bg-shape-01.svg); background-position: left top, calc(100% - 110px) calc(100% - 49px); background-repeat: no-repeat; background-size: auto, 99px; } 
.register-group h2 { margin-bottom: 40px; } 

.privacy-content { padding: 68px 0 0; } 
.privacy-content p:last-child { margin-bottom: 0; } 

footer { padding: 96px 0 40px; } 
footer .proud-text { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-family: 'BasierSquareSemiBold'; font-size: 20px; margin: 0; } 
footer .proud-text em { margin-right: 8px; line-height: 0; } 
footer .footer-links { padding: 84px 0 46px; display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 16px; line-height: 1.3; font-family: 'BasierSquareMedium'; } 
footer .footer-links .menu-links { display: flex; align-items: center; flex-wrap: wrap; } 
footer .footer-links .menu-links li { margin-right: 40px; } 
footer .footer-links .menu-links li:last-child { margin: 0; } 
footer .footer-links .menu-links li a { text-decoration: underline; } 
footer .footer-links .contact-links { display: flex; flex-wrap: wrap; align-items: center; } 
footer .footer-links .contact-links li { margin-right: 52px; } 
footer .footer-links .contact-links li a { display: inline-flex; align-items: center; } 
footer .footer-links .contact-links li a em { margin-right: 8px; line-height: 0; } 
footer .footer-links .contact-links li a path { fill: #464646; } 
footer .footer-links .contact-links li a:hover path { fill: #4C82D8; } 
footer .footer-links .contact-links li:last-child { margin: 0; } 
footer .copyright { font-size: 16px; line-height: 1.4; color: #A5A5A5; text-align: center; margin: 0; } 

footer.secondary-footer { padding: 45px 0 75px; text-align: center; } 
footer.secondary-footer .footer-logo { width: 163px; line-height: 0; } 

.group-details { margin: -100px auto 37px; } 
.group-details .group-wrapper { max-width: 376px; width: 100%; margin: 0 auto; text-align: center; } 
.group-details .group-wrapper .group-logo { height: 200px; width: 200px; margin: 0 auto; border: 10px solid #fff; border-radius: 50%; } 
.group-details .group-wrapper .group-logo img { height: 100%; width: 100%; object-fit: cover; border-radius: 50%; } 
.group-details .group-wrapper h2 { font-size: 28px; line-height: 1.29; margin: 25px 0 22px; } 
.group-details .group-wrapper p { display: inline-flex; align-items: center; color: #00DCA8; font-size: 24px; line-height: 1; margin: 0; } 
.group-details .group-wrapper p em { line-height: 0; margin-right: 9px; } 

.invitation-box { max-width: 815px; margin: 0 auto; background-color: #EFF4FB; border-radius: 48px; padding: 45px 94px 36px; text-align: center; } 
.invitation-box .icon { display: inline-block; margin-bottom: 27px; } 
.invitation-box .btn { margin-bottom: 35px; min-width: 277px; } 
.invitation-box .joined { color: #87A3CF; margin-bottom: 0; } 
.invitation-box.secondary { max-width: 617px; } 
.invitation-box.secondary h4 { margin-bottom: 6px; } 
.invitation-box h4 + p { font-family: 'BasierSquareMedium'; margin-bottom: 30px; } 

.group-invitation-wrapper { background: #fff; border-radius: 12px; margin: 50px 0 0; }
.group-invitation-wrapper .invitation-header { display: flex; align-items: center; padding: 14px 68px; border-bottom: 2px solid #E5E5E5; }
.group-invitation-wrapper .invitation-header .img { height: 50px; width: 50px; border-radius: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.group-invitation-wrapper .invitation-header h3 { margin: 0; padding-left: 10px; width: calc(100% - 50px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.group-invitation-wrapper .invitation-content { padding: 16px 68px 27px; }
.group-invitation-wrapper .invitation-content .inner-header { margin-bottom: 8px; }
.group-invitation-wrapper .invitation-content .inner-header h2 { font-size: 20px; line-height: 25px; font-family: 'BasierSquareMedium'; margin-bottom: 6px; }
.group-invitation-wrapper .invitation-content .inner-header .date-time { font-size: 16px; color: #8A8A8A; line-height: 19px; }

.group-invitation-wrapper .invitation-content .main-content h3 { margin-bottom: 2px; }
.group-invitation-wrapper .invitation-content .main-content h3 + p { margin-bottom: 22px; }
.group-invitation-wrapper .invitation-content .main-content p { line-height: 22px; }
.group-invitation-wrapper .invitation-content .main-content .read-more-less { color: #8A8A8A; }
.group-invitation-wrapper .invitation-content .main-content .read-more-less:hover { color: #4C82D8; }
.group-invitation-wrapper .invitation-content .main-content .blue-btn { margin-bottom: 20px; }
.group-invitation-wrapper .invitation-content .main-content .pdf-download { margin-bottom: 20px; }

.group-invitation-page .join-group-block { background: #FFFFFF; border-radius: 12px; margin-top: 86px; padding: 0 15px 28px; text-align: center; }
.group-invitation-page .join-group-block .group-icon { display: inline-block; height: 120px; width: 120px; border-radius: 50%; border: 7px solid #fff; background-size: cover; background-position: center; background-repeat: no-repeat; margin: -48px auto -2px; }
.group-invitation-page .join-group-block h2 { font-size: 20px; line-height: 26px; margin-bottom: 5px; }
.group-invitation-page .join-group-block .official { display: flex; align-items: center; justify-content: center; color: #00DCA8; margin-bottom: 13px; }
.group-invitation-page .join-group-block .official .icon { line-height: 0; margin-right: 8px; }
.group-invitation-page .join-group-block .numbers { color: #4C82D8; font-family: 'BasierSquareBold'; margin-bottom: 12px; }
.group-invitation-page .join-group-block .btn { width: 282px; max-width: 100%; }

.pdf-download { display: flex; border: 1px solid #959595; border-radius: 8px; font-size: 16px; padding: 12px 30px 5px; align-items: center; position: relative; } 
.pdf-download .content { padding-left: 13px; width: calc(100% - 90px); } 
.pdf-download .content p { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.pdf-download .content p .separator { margin: 0 5px; } 
.pdf-download .content p.name { font-size: 18px;  font-family: 'BasierSquareMedium'; margin-bottom: 5px; } 
.pdf-download .ic-download { position: absolute; right: 32px; top: 50%; transform: translateY(-50%); width: 34px; line-height: 0; } 
.pdf-download:hover .ic-download { transform: translateY(-50%) rotate(360deg); } 
.pdf-download .ic-pdf { width: 46px; }

.lightbox-img { position: relative; padding-bottom: 84%; width: 100%; display: block; border-radius: 8px; overflow: hidden; margin-bottom: 17px; }
.lightbox-img.lg { padding-bottom: 120.1%; }
.lightbox-img.has-video:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.4); }
.lightbox-img.has-video:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-image: url('../images/ic-play.svg'); background-size: 40px; background-position: center; background-repeat: no-repeat; height: 40px; width: 40px; z-index: 1; }
.lightbox-img:last-child { margin-bottom: 0; }
.lightbox-img .inner-img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; display: block; object-fit: cover; }
.lightbox-img:hover .inner-img { transform: scale(1.05); }


/* Responsive media */

@media(max-width: 1024px){
 .privacy-content { padding: 55px 0 0; } 
	header.secondary-header { padding: 16px 4px; } 
	footer .proud-text { font-size: 18px; } 
	footer .footer-links { padding: 67px 0 39px; } 
	footer .footer-links .menu-links li { margin-right: 35px; } 
	footer .footer-links .contact-links li { margin-right: 42px; } 

	.btn-block .app-btn { height: 135px; width: calc(50% - 15px); } 

	.coming-soon-app { padding: 100px 0; } 
	.register-group { padding: 120px 0; background-position: left top, calc(100% - 50px) calc(100% - 40px); background-size: 180px, 80px; } 

	footer { padding: 94px 0 40px; } 
	.hero-section { background-position: 47px 40px, calc(100% + 21px) bottom; background-size: 120px, 350px; } 
}

@media(max-width: 991px) { 
	footer .footer-links .menu-links { width: 100%; justify-content: center; margin-bottom: 66px; } 
	footer .footer-links .contact-links { width: 100%; justify-content: center; } 
	footer .footer-links .contact-links li a { font-size: 18px; } 
}

@media(max-width: 767px){
 .btn { padding: 25px 10px; } 
	h1 { font-size: 30px; line-height: 1.53; } 
	h4 { font-size: 22px; line-height: 1.63; margin-bottom: 25px; } 

	.container.xs { max-width: 414px; }

	main { padding-top: 64px; } 

	header { padding: 15px 0; } 
	header .container { justify-content: center; } 
	header .logo { width: 167px; display: inline-flex; } 
	header .store-buttons { display: none; } 
	header.secondary-header { display: flex; padding: 15px 4px; } 

	.hero-banner { height: 108px; } 
	.hero-banner.privacy-policy { background-image: url(../images/privacy-bg-mobile.svg); } 
	.hero-banner h1 { font-size: 20px; } 
	.hero-banner.secondary { height: 139px; background-image: url(../images/group-banner-mob.jpg); } 
	.hero-section { background-size: 89px, 180px; background-position: 19px 20px, calc(100% + 21px) bottom; } 
	.hero-section .animated-link { font-size: 30px; height: 36px; } 
	.btn-block .app-btn { width: 100%; margin-bottom: 25px; height: 120px; font-size: 28px; } 
	.btn-block .app-btn .content span { font-size: 24px; margin-bottom: 10px; } 
	.btn-block .app-btn:last-child { margin-bottom: 0; } 

	.coming-soon-app { padding: 179px 0 81px; } 
	.coming-soon-app h2 { margin-bottom: 47px; } 
	.btn-block .app-btn em { margin-right: 21px; } 
	.register-group h2 { margin-bottom: 40px; font-size: 30px; line-height: 1.53; padding: 0 28px; } 

	.register-group { padding: 193px 0 253px; background-position: left top, calc(100% - 32px) calc(100% - 53px); background-size: 188px, 100px; } 

	.group-details .group-wrapper .group-logo { height: 102px; width: 102px; border-width: 7px; } 
	.group-details { margin: -51px auto 37px; } 
	.group-details .group-wrapper h2 { font-size: 20px; margin: 22px 0 11px; } 
	.group-details .group-wrapper p { font-size: 18px; } 
	.group-details .group-wrapper p em { margin-right: 8px; width: 18px; } 
	.invitation-box { padding: 39px 26px; } 
	.invitation-box.secondary h4 { margin-bottom: 24px; font-size: 26px; line-height: 1.38; } 
	.invitation-box .btn { margin-bottom: 23px; } 

	.privacy-content { padding: 38px 0 0; } 

	footer.secondary-footer { padding: 35px 0; } 
	footer .footer-links .menu-links li { margin-right: 17px; } 
	footer .footer-links .contact-links { display: block; text-align: center; } 
	footer .footer-links .contact-links li { margin-right: 0; margin-bottom: 35px; } 
	footer .copyright span { display: block; margin-top: 8px; } 
	
	.group-invitation-wrapper { margin: 15px 0 0; }
	.group-invitation-wrapper .invitation-header { padding: 14px 15px; }
	.group-invitation-wrapper .invitation-content { padding: 12px 15px 16px; }
	.group-invitation-wrapper .invitation-content .inner-header h2 { font-size: 18px; margin-bottom: 1px; }
	.group-invitation-wrapper .invitation-content .inner-header { margin-bottom: 11px; }
	.group-invitation-wrapper .invitation-content .main-content h3 + p { margin-bottom: 23px; }

	.group-invitation-page .join-group-block { margin-top: 81px; }
	
	.pdf-download { padding: 12px 19px 5px; }
	.pdf-download .ic-download { right: 23px; }
	.pdf-download .content p .separator { margin: 0 3px; }

	.lightbox-img { padding-bottom: 100%; }
	.lightbox-img.lg { padding-bottom: 143.2%; }
}

@media(max-width: 375px){
 .register-group h2 { padding: 0; } 
}

@media(max-width: 359px){
 .invitation-box .btn { min-width: inherit; } 
	footer .footer-links .menu-links li { margin-right: 0; width: 100%; text-align: center; margin-bottom: 20px; } 
	.btn-block .app-btn em { margin-right: 15px; width: 50px; } 
	.btn-block .app-btn { font-size: 30px; } 
	.btn-block .app-btn .content span { font-size: 25px; } 
	.hero-section .animated-link { font-size: 26px; } 
 }