/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */
@import url('../fonts/gilroy/stylesheet.css');

/* #Site Styles
================================================== */

/* ### general ### */
html,
body { font-family: 'Gilroy', sans-serif; font-size: 16px; line-height: 1.85; color: #3f6559; }
body { background: #fff; }
.form-control { padding: 10px 20px; width: 100%; height: 61px; font-family: 'Gilroy', sans-serif; font-size: 14px; color: #3f6559; border: 1px solid #cfd8d5; border-radius: 13px; background-color: #fff; }
.form-control::placeholder { color: #3f6559; }
.form-control:focus { border: 1px solid #cfd8d5; outline: inherit; box-shadow: none; }
img { display: block; max-width: 100%; border: 0; }
:focus { outline: none; }
a { display: inline-block; }
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 { font-weight: 700; line-height: 1.2; }
h1,
.h1 { font-size: 38px; }
h2,
.h2 { font-size: 30px; }
h3,
.h3 { font-size: 24px; }
h4,
.h4 { font-size: 20px; }
h5,
.h5 { font-size: 20px; }
h6,
.h6 { font-size: 18px; }

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.container { max-width: 1350px; }
.container-lg { max-width: 1750px; }
.link-primary { padding: 0; display: inline-flex; align-items: center; font-size: 18px; font-weight: 700; text-decoration: none; color: #22ae84; border: 0; background-color: transparent; transition: all 0.3s; }
.link-primary i { margin-top: -1px; margin-right: 10px; font-size: 13px; }
.link-primary:focus,
.link-primary:hover { color: #3f6559; }
.link-secondary { padding: 0; display: inline-flex; align-items: center; font-size: 18px; font-weight: 700; text-decoration: none; color: #fff; border: 0; background-color: transparent; transition: all 0.3s; }
.link-secondary i { margin-top: -1px; margin-right: 10px; font-size: 13px; }
.link-secondary:focus,
.link-secondary:hover { color: #22ae84; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow: clip; }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header ### */
.header { padding-top: 15px; padding-bottom: 15px; position: relative; z-index: 9; width: 100%; }
.header:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: #fff; content: ''; pointer-events: none; }
.header-hamburger,
.header-logo { z-index: 2; }
.header-logo a { display: block; max-width: 208px; }
.header-menu { padding: 130px 15px 50px; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; width: 100%; height: 100vh; background-color: #3f6559; transition: all 0.3s; overflow-y: scroll; }
.header-menu ul { z-index: 1; list-style: none; }
.header-menu li { margin-bottom: 10px; }
.header-menu li:last-of-type { margin-bottom: 0; }
.header-menu li a { font-size: 18px; font-weight: 700; text-decoration: none; color: #fff; transition: all 0.3s; }
.header-menu li a:focus,
.header-menu li a:hover { text-decoration: underline; }
.header.is-active { position: fixed; top: 0; left: 0; }
.header.is-active .header-menu { opacity: 1; visibility: visible; }

/* ### header ### */
.mobileMenu { position: relative; z-index: 15; width: 37px; height: 37px; border: 3px solid #3f6559; border-radius: 10px; }
.mobileMenu span { position: relative; display: block; width: 17px; height: 3px; background: #3f6559; transition: all 0.3s; }
.mobileMenu span:before,
.mobileMenu span:after { position: absolute; left: 0; width: 100%; height: 3px; background-color: #3f6559; transition: all 0.3s; content: ''; }
.mobileMenu span:before { top: -7px; width: 8px; }
.mobileMenu span:after { bottom: -7px; width: 13px; }
.mobileMenu.is-active span { background: none; }
.mobileMenu.is-active span:before { top: 0; width: 100%; border-radius: 5px; transform: rotate(45deg); }
.mobileMenu.is-active span:after { bottom: 0; width: 100%; border-radius: 5px; transform: rotate(-45deg); }

/* ### main ### */
main { width: 100%; }

/* ### login ### */
.login { background-color: #f8f8f8; }
.login-left { margin: 0 -15px 50px; padding: 80px 15px; position: relative; width: calc(100% + 30px); }
.login-text { z-index: 1; color: #fff; }
.login-text h1 { margin-bottom: 20px; color: inherit; }
.login-item .h4 { margin-bottom: 19px; }
.login-form { margin-bottom: 40px; }
.login-field { margin-bottom: 12px; }
.login-forget { font-size: 14px; text-decoration: none; color: #22ae84; transition: all 0.3s; }
.login-forget:hover,
.login-forget:focus { color: #3f6559; }
.login-list { list-style: none; }
.login-list li { margin-bottom: 14px; display: flex; flex-wrap: wrap; font-size: 16px; font-weight: 700; }
.login-list li :last-of-type { margin-bottom: 0; }
.login-list li i { flex: 0 0 auto; width: 31px; font-size: 18px; transform: translateY(5px); }
.login-image { left: 0; width: 100%; height: 100%; border-radius: 0 0 50px 50px; background-color: #3f6559; }
.login-image img { opacity: 0.5; height: 100%; object-fit: cover; object-position: top center; }
.login-leaf { top: 52%; right: -50px; width: 186px; height: 55px; transform: translateY(-44%); pointer-events: none; }
.login-leaf img { opacity: 1; width: auto; height: auto; }

/* ### foundation ### */
.foundation { padding-top: 60px; padding-bottom: 70px; background-color: #f8f8f8; }
.foundation-leaf { top: 33%; left: -50px; width: 186px; height: 55px; transform: translateY(-45%); pointer-events: none; }
.foundation-leaf img { opacity: 1; width: auto; height: auto; }
.foundation-text h2 { margin-bottom: 20px; }
.foundation-image img { margin: 0 auto; }

/* ### request ### */
.request { margin-bottom: 50px; padding-top: 70px; }
.request-text h2 { margin-bottom: 20px; }
.request-text p { margin-bottom: 25px; }
.request-text.request-text ul { list-style: none; }
.request-text li { margin-bottom: 10px; }
.request-text li:last-of-type { margin-bottom: 0; }
.request-slider .swiper { overflow: visible; }
.request-slide-nav { margin-top: 30px; }
.request-slide-nav .swiper-button-prev { margin-right: 14px; transform: rotate(180deg); }

/* ### card-request ### */
.card-request { padding-bottom: 30px; border-radius: 40px; background-color: #f8f8f8; }
.card-request-text { padding: 40px 20px 30px; }
.card-request-text .h4 { margin-bottom: 20px; }
.card-request-text p { margin-bottom: 30px; }
.card-request-text ul { list-style: none; }
.card-request-text li { margin-bottom: 1px; padding-left: 30px; position: relative; font-weight: 700; }
.card-request-text li:before { position: absolute; top: 3px; left: 0; width: 20px; height: 20px; background: url('../images/check-icon.png') no-repeat center left; content: ''; }
.card-request-image { margin-left: -45px; padding-right: 20px; }

/* ### partners ### */
.partners { margin-bottom: 70px; }
.partners h3 { margin-bottom: 25px; }
.partners img { margin: 0 auto; }
.partners .swiper-wrapper { align-items: center; -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; }

/* ### discover ### */
.discover { margin-bottom: 70px; }
.discover-text h2 { margin-bottom: 20px; }
.discover-item { margin-bottom: 20px; padding: 40px 30px 20px; border-radius: 40px; background-color: #f8f8f8; }
.discover-item:last-of-type { margin-bottom: 0; }
.discover-holder { margin-bottom: 12px; }
.discover-holder strong { margin-bottom: 5px; display: block; }

/* ### footer ### */
.footer-bg { padding: 50px 30px; border-radius: 40px; background-color: #3f6559; }
.footer .h4 { margin-bottom: 25px; font-size: 24px; font-weight: 700; color: #fff; }
.footer-title { margin-bottom: 6px; color: #fff; }
.footer-item { color: #fff; }
.footer-item address { margin-bottom: 0; }
.footer-item ul { list-style: none; }
.footer-item li a { text-decoration: none; color: #fff; }
.footer-item li a:focus,
.footer-item li a:hover { text-decoration: underline; }
.footer-apps .footer-title { margin-bottom: 13px; }
.footer-apps ul { list-style: none; }
.footer-apps li { margin-right: 20px; }
.footer-apps li:last-of-type { margin-right: 0; }

/* ### copyright ### */
.copyright { padding: 15px 0; }
.copyright ul { list-style: none; }
.copyright li { margin-right: 30px; font-size: 14px; }
.copyright li:last-of-type { margin-right: 0; }
.copyright li a { text-decoration: none; color: #3f6559; }
.copyright li a:focus,
.copyright li a:hover { text-decoration: underline; }

/* ### swiper slider ### */
.swiper-button-prev,
.swiper-button-next { margin-top: 0; position: unset; opacity: 0.2; font-size: 13px; color: #3f6559; border: 0; background-color: transparent; }
.swiper-button-prev:after,
.swiper-button-next:after { display: none; }

/* #Media Queries
================================================== */

@media only screen and (min-width: 768px) {
	h1,
	.h1 { font-size: 40px; }
	h3,
	.h3 { font-size: 30px; }
	h4,
	.h4 { font-size: 24px; }
	.header:before { display: none; }
	.header-menu { padding: 33px 70px; position: absolute; top: -15px; left: -15px; width: auto; height: auto; overflow-y: inherit; border-radius: 0 0 40px 40px; background-color: rgba(63, 101, 89, 0.92); }
	.header-menu:before { height: calc(100% + 58px); }
	.header-menu li { margin-right: 25px; margin-bottom: 0; }
	.header-menu li:last-of-type { margin-right: 0; }
	.header-hamburger { margin-bottom: 12px; padding-left: 0; z-index: inherit; width: 65%; }
	.header-logo { padding-left: 10px; z-index: inherit; width: 35%; }
	.header-logo a { max-width: 250px; }
	.header.is-active { position: relative; top: auto; left: auto; }
	.mobileMenu { border: 3px solid #fff; }
	.mobileMenu span { background: #fff; }
	.mobileMenu span:before,
	.mobileMenu span:after { background-color: #fff; }
	.login { margin-top: -107px; padding-top: 170px; min-height: 600px; }
	.login-form { margin-bottom: 50px; }
	.login-left { margin: 0; padding: 0; position: inherit; width: 100%; }
	.login-text h1 { margin-bottom: 35px; }
	.login-text { max-width: 670px; }
	.login-item { padding-left: 40px; }
	.login-image { position: absolute; top: 0; left: 0; width: 61%; height: 100%; border-radius: 0 0 100px; }
	.login-image img { height: 100%; object-fit: cover; object-position: top center; }
	.foundation { padding-top: 100px; padding-bottom: 100px; }
	.request-slide-nav { margin-top: 0; position: absolute; top: 50%; left: 50%; z-index: 1; width: 120px; height: 120px; border-radius: 50%; background-color: #fff; transform: translate(-50%, -50%); }
	.request { margin-bottom: 100px; padding-top: 100px; }
	.request-text h2 { margin-bottom: 32px; }
	.request-text p { margin-bottom: 49px; }
	.request-text li { margin-bottom: 15px; }
	.card-request { padding-bottom: 47px; border-radius: 80px; }
	.card-request-text { padding: 77px 80px 40px; }
	.partners { margin-bottom: 100px; }
	.discover { margin-bottom: 100px; }
	.discover-text h2 { margin-bottom: 32px; }
	.discover-text p { margin-bottom: 30px; }
	.discover-item { padding: 50px 30px 30px; border-radius: 50px; }
	.footer-bg { padding: 50px 30px; border-radius: 40px; }
	.copyright { padding: 20px 30px; }
}

@media only screen and (min-width: 992px) {
	h1,
	.h1 { font-size: 60px; }
	h2,
	.h2 { font-size: 40px; }
	.header { padding-top: 25px; padding-bottom: 25px; }
	.header-logo a { max-width: inherit; }
	.header-menu { padding: 70px 80px; top: -25px; border-radius: 0 0 80px 80px; }
	.header-hamburger { margin-bottom: 0; padding-left: 10px; }
	.header-menu li { margin-right: 40px; }
	.login { margin-top: -127px; padding-top: 205px; min-height: 650px; }
	.login-item { padding-left: 70px; }
	.login-form { margin-bottom: 80px; }
	.login-list li { font-size: 18px; }
	.login-list li i { font-size: 20px; }
	.login-image { width: 61%; border-radius: 0 0 125px 125px; }
	.foundation-text h2 { margin-bottom: 32px; }
	.foundation-image { width: calc(100% + 174px); }
	.foundation-image img { margin-left: auto; margin-right: 0; }
	.request-text { padding-top: 77px; padding-left: 30px; position: relative; z-index: 2; height: 100%; }
	.request-text:after { position: absolute; top: 0; left: 0; z-index: -1; width: 100vw; height: 100%; background-color: #fff; content: ''; }
	.request-slide-nav { left: 58px; transform: translate(0, -50%); }
	.discover-text { margin-top: 75px; max-width: 370px; }
	.discover-item { padding: 76px 79px 49px; border-radius: 80px; }
}

@media only screen and (min-width: 1200px) {
	h1,
	.h1 { font-size: 72px; }
	h2,
	.h2 { font-size: 48px; }
	.header { padding-top: 58px; padding-bottom: 58px; }
	.header-menu { padding: 102px 107px 116px 100px; top: -58px; border-radius: 0 0 120px 120px; }
	.login { margin-top: -193px; padding-top: 284px; min-height: 960px; }
	.login-item { padding-top: 42px; max-width: 380px; }
	.login-form { margin-bottom: 166px; }
	.foundation { padding-top: 213px; padding-bottom: 160px; }
	.foundation-text { padding-top: 38px; z-index: 1; }
	.foundation-image { z-index: 1; }
	.request { margin-bottom: 145px; padding-top: 157px; }
	.request-text { padding-left: 60px; }
	.request-slider { transform: translateX(172px); }
	.request-slide-nav { left: 98px; }
	.partners { margin-bottom: 159px; }
	.discover { margin-bottom: 140px; }
	.footer-apps { padding-left: 107px; }
	.footer-bg { padding: 77px 79px 67px; border-radius: 80px; }
	.copyright { padding: 34px 79px; }
}

@media only screen and (min-width: 1500px) {
	.login-item { padding-left: 80px; }
}

@media only screen and (min-width: 1750px) {
	.header-menu { padding-left: 179px; left: -91px; }
}